/**
 * zhiye-admin
 * @author  Rui
 * @version 0.1.0
 * @date2019-2-25 13:43:30
 */
@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input, button, select, textarea {
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary {
  display: block;
}

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-user-drag: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  word-wrap: break-word;
}

a {
  text-decoration: none;
}

a, img, button, input, select, textarea {
  border: 0;
  outline: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

input, button, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}

textarea {
  resize: none;
  overflow: auto;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  line-height: 1;
  cursor: pointer;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

ul {
  list-style: none;
}

em, i {
  font-style: normal;
}

b, strong {
  font-weight: bold;
}

@font-face {
  font-family: 'SourceSansPro-Black';
  src: url("../font/SourceSansPro-Black.eot");
  src: url("../font/SourceSansPro-Black.eot?#iefix") format("embedded-opentype"), url("../font/SourceSansPro-Black.ttf") format("truetype"), url("../font/SourceSansPro-Black.svg#SourceSansPro-Black") format("svg");
}

body {
  font-family: PingFang SC, "Microsoft YaHei", "SimSun", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #333333;
  background-color: #f0f3f4;
  overflow-y: auto;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

a {
  color: #23b7e5;
}

button,
input,
select,
textarea {
  font-size: 14px;
  font-family: PingFang SC, "Microsoft YaHei", "SimSun", Arial, Helvetica, sans-serif;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px white inset !important;
}

input[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
}

::-webkit-input-placeholder {
  color: #aaaaaa;
  line-height: normal;
}

::-moz-selection {
  color: #ffffff;
  background-color: #23b7e5;
}

::selection {
  color: #ffffff;
  background-color: #23b7e5;
}

[hidden] {
  display: none !important;
}

[disabled] {
  cursor: no-drop;
  color: #aaaaaa;
  background-color: #f0f3f4;
}

.collapse {
  display: none;
}

.collapse.show {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.3s;
}

.font-number {
  font-family: "SourceSansPro-Black", PingFang SC, "Microsoft YaHei", "SimSun", Arial, Helvetica, sans-serif;
}

[class*="icon-"]:before,
[class^="icon-"]:before {
  font-family: 'icomoon' !important;
  speak: none;
  display: block;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 55px;
  background-color: #24292e;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

header .brand {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-left: 15px;
  font-family: PingFang SC, "Microsoft YaHei", "SimSun", Arial, Helvetica, sans-serif;
}

header .brand .title {
  margin-right: 10px;
  color: #ffffff;
}

header .brand p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

header .MT-header-bar {
  display: none;
  height: 100%;
  position: relative;
  z-index: 3;
  background-color: #24292e;
}

header .MT-header-bar .MT-bar-toggler {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0 15px;
  color: #ffffff;
  font-size: 20px;
  border-left: 1px solid #2f363d;
  background-color: #2f363d;
  transition: all 0.3s;
}

header .MT-header-bar .collapsed {
  color: rgba(255, 255, 255, 0.5);
  background-color: transparent;
}

aside {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 55px;
  left: 0;
  bottom: 0;
  width: 255px;
  background-color: #2f363d;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

aside.show {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

main {
  position: absolute;
  top: 55px;
  left: 255px;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
}

@-webkit-keyframes mainFadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes mainFadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

main .mainFadein {
  -webkit-animation-name: mainFadein;
  animation-name: mainFadein;
}

main.main-fadein > .container-fluid {
  -webkit-animation: mainFadein 0.5s;
  animation: mainFadein 0.5s;
}

.container-fluid {
  margin-top: 20px;
}

.nprogress-fade {
  opacity: 0;
}

#nprogress {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

#nprogress .bar {
  background: #90ed7d;
  background: -webkit-linear-gradient(right, #90ed7d, #23b7e5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

#nprogress .peg {
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 0 10px #fff, 0 0 5px #fff;
  -webkit-transform: rotate(4deg) translate(0px, -4px);
  -ms-transform: rotate(4deg) translate(0px, -4px);
  transform: rotate(4deg) translate(0px, -4px);
}

.dropdown,
.dropup {
  position: relative;
  display: inline-block;
}

.dropdown.show > .dropdown-menu,
.dropup.show > .dropdown-menu {
  display: block;
}

.dropdown-toggle::after {
  width: 0;
  height: 0;
  margin-left: 10px;
  content: "";
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 5px solid;
}

@-webkit-keyframes dropdownFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 50px);
    transform: translate(-50%, 50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@keyframes dropdownFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 50px);
    transform: translate(-50%, 50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.dropdownFadeInUp {
  -webkit-animation-name: dropdownFadeInUp;
  animation-name: dropdownFadeInUp;
}

.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 3;
  top: 100% !important;
  left: 50% !important;
  padding: 5px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #dee5e7;
  -webkit-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  -webkit-animation-name: dropdownFadeInUp;
  animation-name: dropdownFadeInUp;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.05), 0 0 15px rgba(0, 0, 0, 0.075);
}

.dropdown-menu::after {
  position: absolute;
  width: 0;
  height: 0;
  top: -8px;
  left: 50%;
  content: "";
  color: #fff;
  border-bottom: 8px solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.dropdown-menu > .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 8px 15px;
  color: #333333;
  border-radius: 4px;
  white-space: nowrap;
}

.dropdown-menu > .item i {
  margin-right: 15px;
  font-size: 16px;
}

.dropdown-menu > .item:hover {
  background-color: #f0f3f4;
}

.dropdown-menu .list {
  width: 300px;
}

.dropdown-header {
  display: block;
  padding: 8px 15px;
}

.dropdown-header i {
  margin-right: 10px;
  font-size: 16px;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.dropdown-divider {
  height: 1px;
  margin: 5px -5px;
  background-color: #edf1f2;
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 0;
}

.tooltip {
  position: absolute;
  z-index: 2;
  display: block;
  word-wrap: break-word;
  opacity: 0;
  transition: opacity .3s;
}

.tooltip.show {
  opacity: 1;
}

.tooltip .arrow {
  position: absolute;
}

.tooltip.bs-tooltip-top {
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.tooltip.bs-tooltip-top .arrow {
  bottom: 0;
  width: 10px;
  height: 5px;
}

.tooltip.bs-tooltip-top .arrow::before {
  content: "";
  border-width: 5px 5px 0;
  border-top-color: rgba(0, 0, 0, 0.75);
}

.tooltip.bs-tooltip-bottom {
  margin-top: 5px;
  padding-top: 5px;
}

.tooltip.bs-tooltip-bottom .arrow {
  top: 0;
  width: 10px;
  height: 5px;
}

.tooltip.bs-tooltip-bottom .arrow::before {
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: rgba(0, 0, 0, 0.75);
}

.tooltip.bs-tooltip-right {
  margin-left: 5px;
  padding-left: 5px;
}

.tooltip.bs-tooltip-right .arrow {
  left: 0;
  width: 5px;
  height: 10px;
}

.tooltip.bs-tooltip-right .arrow::before {
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: rgba(0, 0, 0, 0.75);
}

.tooltip.bs-tooltip-left {
  margin-right: 5px;
  padding-right: 5px;
}

.tooltip.bs-tooltip-left .arrow {
  right: 0;
  width: 5px;
  height: 10px;
}

.tooltip.bs-tooltip-left .arrow::before {
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: rgba(0, 0, 0, 0.75);
}

.tooltip .arrow::before {
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tooltip-inner {
  max-width: 200px;
  padding: 10px 20px;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

span.label {
  display: inline-block;
  padding: 5px 10px;
  color: #23b7e5;
  line-height: 1;
  font-size: 12px;
  border: 1px solid #23b7e5;
  border-radius: 4px;
  white-space: nowrap;
}

span.label-color-1 {
  color: #23b7e5;
  border-color: #23b7e5;
}

span.label-color-2 {
  color: #90ed7d;
  border-color: #90ed7d;
}

span.label-red {
  color: #f05050;
  border-color: #f05050;
}

span.label-orange {
  color: #E67E22;
  border-color: #E67E22;
}

span.label-yellow {
  color: #eac459;
  border-color: #eac459;
}

span.label-green {
  color: #27c24c;
  border-color: #27c24c;
}

span.label-cyan {
  color: #18C29C;
  border-color: #18C29C;
}

span.label-blue {
  color: #23b7e5;
  border-color: #23b7e5;
}

span.label-purple {
  color: #7266ba;
  border-color: #7266ba;
}

span.label-pink {
  color: #ff5b77;
  border-color: #ff5b77;
}

span.label-black {
  color: #000000;
  border-color: #000000;
}

span.label-gray {
  color: #C5C5CA;
  border-color: #C5C5CA;
}

span.label-large {
  padding: 9px 19px;
  font-size: 14px;
}

span.label-small {
  padding: 2px 4px;
  font-size: 12px;
}

.alert {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 8px 0;
  padding: 10px 15px;
  color: #23b7e5;
  line-height: 20px;
  border-radius: 4px;
  background-color: #def4fb;
}

.alert .alert-close {
  margin-top: 2px;
  margin-left: 10px;
  opacity: .5;
  font-size: 16px;
  transition: all .3s;
  color: #23b7e5;
}

.alert .alert-close:hover {
  opacity: 1;
}

.alert-color-1 {
  color: #23b7e5;
  background-color: #def4fb;
}

.alert-color-1 .alert-close {
  color: #23b7e5;
}

.alert-color-2 {
  color: #90ed7d;
  background-color: #eefcec;
}

.alert-color-2 .alert-close {
  color: #90ed7d;
}

.alert-red {
  color: #f05050;
  background-color: #fde5e5;
}

.alert-red .alert-close {
  color: #f05050;
}

.alert-orange {
  color: #E67E22;
  background-color: #fbecde;
}

.alert-orange .alert-close {
  color: #E67E22;
}

.alert-yellow {
  color: #eac459;
  background-color: #fcf6e6;
}

.alert-yellow .alert-close {
  color: #eac459;
}

.alert-green {
  color: #27c24c;
  background-color: #dff6e4;
}

.alert-green .alert-close {
  color: #27c24c;
}

.alert-cyan {
  color: #18C29C;
  background-color: #dcf6f0;
}

.alert-cyan .alert-close {
  color: #18C29C;
}

.alert-blue {
  color: #23b7e5;
  background-color: #def4fb;
}

.alert-blue .alert-close {
  color: #23b7e5;
}

.alert-purple {
  color: #7266ba;
  background-color: #eae8f5;
}

.alert-purple .alert-close {
  color: #7266ba;
}

.alert-pink {
  color: #ff5b77;
  background-color: #ffe6eb;
}

.alert-pink .alert-close {
  color: #ff5b77;
}

.alert-black {
  color: #000000;
  background-color: #d9d9d9;
}

.alert-black .alert-close {
  color: #000000;
}

.alert-gray {
  color: #C5C5CA;
  background-color: #f6f6f7;
}

.alert-gray .alert-close {
  color: #C5C5CA;
}

.preloader {
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  width: 24px;
  height: 24px;
}

.preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  width: 100%;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  width: 100%;
}

.row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-1 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12;
}

@media (min-width: 576px) {
  .col-sm {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
}

@media (min-width: 768px) {
  .col-md {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.delay-short {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.delay-medium {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.delay-long {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes bounceIn {
  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spin {
  -webkit-animation: spin 1s steps(12, end) infinite;
  animation: spin 1s steps(12, end) infinite;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.code-group {
  margin-bottom: 10px;
  background: #282c34;
  border-radius: 4px;
}

.code-group .code-title {
  padding: 10px 20px;
  color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color .3s;
}

.code-group .code-title:hover {
  color: #FFFFFF;
}

.code-group pre {
  display: none;
  padding: 10px 20px;
  overflow: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.code-group pre.show {
  display: block;
}

[class*="col"] > .code-group:last-child {
  margin-bottom: 20px;
}

code[class*="language-"],
pre[class*="language-"] {
  color: #abb2bf;
  background: none;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */
:not(pre) > code {
  display: inline-block;
  padding: 1px 5px;
  color: #e06c75;
  background: #f0f3f4;
  border-radius: 4px;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
  color: #5c6370;
}

.token.punctuation {
  color: #abb2bf;
}

.namespace {
  opacity: 0.7;
}

.token.constant,
.token.deleted,
.token.property,
.token.symbol,
.token.tag {
  color: #e06c75;
}

.token.boolean,
.token.number {
  color: #c678dd;
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
  color: #d19a66;
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url,
.token.variable {
  color: #98c379;
}

.token.atrule,
.token.attr-value,
.token.function {
  color: #98c379;
}

.token.keyword {
  color: #66d9ef;
}

.token.important,
.token.regex {
  color: #fd971f;
}

.token.bold,
.token.important {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

pre.code-toolbar {
  position: relative;
}

pre.code-toolbar > .toolbar {
  position: absolute;
  top: 10px;
  right: 20px;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}

pre.code-toolbar:hover > .toolbar {
  opacity: 1;
}

pre.code-toolbar > .toolbar .toolbar-item {
  display: inline-block;
}

pre.code-toolbar > .toolbar a {
  display: block;
  cursor: pointer;
}

pre.code-toolbar > .toolbar button {
  background: none;
  color: inherit;
  font-family: PingFang SC, "Microsoft YaHei", "SimSun", Arial, Helvetica, sans-serif;
  line-height: 1;
  overflow: visible;
  padding: 0;
}

pre.code-toolbar > .toolbar a,
pre.code-toolbar > .toolbar button {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  padding: 2px 10px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  font-family: PingFang SC, "Microsoft YaHei", "SimSun", Arial, Helvetica, sans-serif;
  transition: all 0.3s;
  margin-left: 3px;
}

pre.code-toolbar > .toolbar span {
  color: rgba(255, 255, 255, 0.25);
  font-size: 12px;
  padding: 2px 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  margin-left: 3px;
}

pre.code-toolbar > .toolbar a:focus,
pre.code-toolbar > .toolbar a:hover,
pre.code-toolbar > .toolbar button:focus,
pre.code-toolbar > .toolbar button:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.2);
}

pre.code-toolbar > .toolbar span:focus,
pre.code-toolbar > .toolbar span:hover {
  cursor: default;
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
  transition: height .3s;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_scrollTools {
  position: absolute;
  width: 15px;
  height: auto;
  left: auto;
  top: 15px;
  right: 0;
  bottom: 15px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 2px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 2px;
  text-align: center;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.mCSB_scrollTools {
  opacity: 0.75;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools {
  opacity: 1;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.15);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(255, 255, 255, 0.25);
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(255, 255, 255, 0.5);
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(255, 255, 255, 0.5);
}

.mCSB_scrollTools.mCS-dark .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0);
}

.mCSB_scrollTools.mCS-dark .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.25);
}

.mCSB_scrollTools.mCS-dark .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.5);
}

.highcharts {
  width: 100%;
  height: 100%;
  max-width: none;
}

/* Default colors */
.highcharts-color-0 {
  fill: #23b7e5;
  stroke: #23b7e5;
}

.highcharts-color-1 {
  fill: #27c24c;
  stroke: #27c24c;
}

.highcharts-color-2 {
  fill: #7266ba;
  stroke: #7266ba;
}

.highcharts-color-3 {
  fill: #18C29C;
  stroke: #18C29C;
}

.highcharts-color-4 {
  fill: #f05050;
  stroke: #f05050;
}

.highcharts-color-5 {
  fill: #E67E22;
  stroke: #E67E22;
}

.highcharts-color-6 {
  fill: #eac459;
  stroke: #eac459;
}

.highcharts-color-7 {
  fill: #ff5b77;
  stroke: #ff5b77;
}

.highcharts-color-8 {
  fill: #7266ba;
  stroke: #7266ba;
}

.highcharts-color-9 {
  fill: #91e8e1;
  stroke: #91e8e1;
}

.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  -webkit-tap-highlight-color: transparent;
  font-size: 12px;
}

.highcharts-root {
  font-family: PingFang SC, "Microsoft YaHei", "SimSun", Arial, Helvetica, sans-serif !important;
}

.highcharts-root text {
  stroke-width: 0;
}

.highcharts-strong {
  font-weight: bold;
}

.highcharts-emphasized {
  font-style: italic;
}

.highcharts-background {
  fill: #ffffff;
}

.highcharts-plot-border, .highcharts-plot-background {
  fill: none;
}

.highcharts-label-box {
  fill: none;
}

.highcharts-button-box {
  fill: inherit;
}

/* Titles */
.highcharts-title {
  fill: #333333;
  font-size: 1.5em;
}

.highcharts-subtitle {
  fill: #666666;
}

/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: #edf1f2;
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-axis-title {
  fill: #666666;
}

.highcharts-axis-labels {
  fill: #666666;
  cursor: default;
  font-size: 0.9em;
}

.highcharts-grid-line {
  fill: none;
  stroke: #edf1f2;
}

.highcharts-tick {
  stroke: #edf1f2;
}

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}

.highcharts-minor-grid-line {
  stroke: #edf1f2;
}

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #edf1f2;
}

.highcharts-crosshair-category {
  stroke: #edf1f2;
  stroke-opacity: 0.25;
}

/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 0.7em;
  transition: fill 300ms, font-size 300ms;
}

.highcharts-credits:hover {
  fill: #333333;
  font-size: 1em;
}

/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}

.highcharts-tooltip text {
  fill: #333333;
}

.highcharts-tooltip .highcharts-header {
  font-size: 0.85em;
}

.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #fff;
  fill-opacity: .5;
}

.highcharts-selection-marker {
  fill: #23b7e5;
  fill-opacity: 0.25;
}

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}

.highcharts-state-hover path {
  transition: stroke-width 50;
  /* quick in */
}

.highcharts-state-normal path {
  transition: stroke-width 300ms;
  /* slow out */
}

/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
  transition: opacity 300ms;
}

.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.25;
}

/* Series options */
.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: #ffffff;
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}

.highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold;
}

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-data-label text {
  fill: #333333;
}

.highcharts-data-label-connector {
  fill: none;
}

.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}

.highcharts-column-series rect.highcharts-point {
  stroke: #ffffff;
}

.highcharts-column-series .highcharts-point {
  transition: fill-opacity 300ms;
}

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #e6e6e6;
  transition: stroke 300ms, fill 300ms, fill-opacity 300ms;
}

.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}

.highcharts-treemap-series .highcharts-above-level {
  display: none;
}

.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75;
}

/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item text {
  fill: #333333;
  font-weight: bold;
  cursor: pointer;
  stroke-width: 0;
}

.highcharts-legend-item:hover text {
  fill: #000000;
}

.highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important;
  transition: fill 300ms;
}

.highcharts-legend-nav-active {
  fill: #003399;
  cursor: pointer;
}

.highcharts-legend-nav-inactive {
  fill: #cccccc;
}

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}

/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: #ffffff;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 300ms;
}

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 300ms, height 300ms step-end;
}

.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}

/* Plot bands and polar pane backgrounds */
.highcharts-plot-band {
  fill: #000000;
  fill-opacity: 0.05;
}

.highcharts-plot-line {
  fill: none;
  stroke: #999999;
  stroke-width: 1px;
}

/* Highcharts More */
.highcharts-boxplot-box {
  fill: #ffffff;
}

.highcharts-boxplot-median {
  stroke-width: 2px;
}

.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}

.highcharts-errorbar-series .highcharts-point {
  stroke: #000000;
}

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-gauge-series .highcharts-dial {
  fill: #000000;
  stroke-width: 0;
}

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}

.highcharts-waterfall-series .highcharts-graph {
  stroke: #333333;
  stroke-dasharray: 1, 3;
}

/* Highstock */
.highcharts-navigator-mask-outside {
  fill-opacity: 0;
}

.highcharts-navigator-mask-inside {
  fill: #6685c2;
  /* navigator.maskFill option */
  fill-opacity: 0.25;
  cursor: ew-resize;
}

.highcharts-navigator-outline {
  stroke: #cccccc;
  fill: none;
}

.highcharts-navigator-handle {
  stroke: #cccccc;
  fill: #f2f2f2;
  cursor: ew-resize;
}

.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad;
}

.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}

.highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05;
}

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #e6e6e6;
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999;
}

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-scrollbar-thumb {
  fill: #cccccc;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-arrow {
  fill: #666666;
}

.highcharts-scrollbar-rifles {
  stroke: #666666;
  stroke-width: 1px;
}

.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px;
}

.highcharts-button {
  fill: #f7f7f7;
  stroke: #cccccc;
  cursor: default;
  stroke-width: 1px;
  transition: fill 300ms;
}

.highcharts-button text {
  fill: #333333;
}

.highcharts-button-hover {
  transition: fill 0ms;
  fill: #e6e6e6;
  stroke: #333333;
}

.highcharts-button-pressed {
  font-weight: bold;
  fill: #e6ebf5;
  stroke: #335cad;
}

.highcharts-button-disabled text {
  fill: #cccccc;
}

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0;
}

.highcharts-range-label rect {
  fill: none;
}

.highcharts-range-label text {
  fill: #666666;
}

.highcharts-range-input rect {
  fill: none;
}

.highcharts-range-input text {
  fill: #333333;
}

input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;
  /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em;
  /* #4798 */
}

.highcharts-crosshair-label text {
  fill: #ffffff;
  font-size: 1.1em;
}

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}

.highcharts-candlestick-series .highcharts-point {
  stroke: #000000;
  stroke-width: 1px;
}

.highcharts-candlestick-series .highcharts-point-up {
  fill: #ffffff;
}

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}

.highcharts-flags-series .highcharts-point {
  stroke: #999999;
  fill: #ffffff;
}

.highcharts-flags-series .highcharts-point-hover {
  stroke: #000000;
  fill: #ccd6eb;
}

.highcharts-flags-series .highcharts-point text {
  fill: #000000;
  font-size: 0.9em;
  font-weight: bold;
}

/* Highmaps */
.highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 300ms;
  stroke: #cccccc;
}

.highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: 0.5;
  stroke-width: 2px;
}

.highcharts-mapline-series .highcharts-point {
  fill: none;
}

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

.highcharts-coloraxis {
  stroke-width: 0;
}

.highcharts-coloraxis-marker {
  fill: #999999;
}

.highcharts-null-point {
  fill: #f7f7f7;
}

/* 3d charts */
.highcharts-3d-frame {
  fill: transparent;
}

/* Exporting module */
.highcharts-contextbutton {
  fill: #ffffff;
  /* needed to capture hover */
  stroke: none;
  stroke-linecap: round;
  border-radius: 4px;
  transition: all .3s;
}

.highcharts-contextbutton:hover {
  fill: #f0f3f4;
  color: #333333;
}

.highcharts-contextbutton:hover .highcharts-button-symbol {
  stroke: #333333;
}

.highcharts-button-symbol {
  stroke: #aaaaaa;
  stroke-width: 2px;
  transition: all .3s;
}

.highcharts-menu {
  border: 1px solid #edf1f2 !important;
  background: #ffffff;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #edf1f2 !important;
  border-radius: 4px;
}

.highcharts-menu hr {
  height: 1px;
  border: none;
  margin: 5px 0;
  border-top: 1px solid #edf1f2;
}

.highcharts-menu-item {
  padding: 0.5em 1em;
  margin: 0 5px;
  background: none;
  color: #333333;
  cursor: pointer;
  transition: background 300ms, color 300ms;
  border-radius: 4px;
}

.highcharts-menu-item:hover {
  background: #f0f3f4 !important;
  color: #333333 !important;
}

/* Drilldown module */
.highcharts-drilldown-point {
  cursor: pointer;
}

.highcharts-drilldown-data-label text, .highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: #003399;
  font-weight: bold;
  text-decoration: underline;
}

/* No-data module */
.highcharts-no-data text {
  font-weight: bold;
  font-size: 12px;
  fill: #666666;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 55px;
  left: 255px;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: none;
  overflow: hidden;
}

.modal.show .modal-dialog {
  opacity: 1;
  -webkit-transform: translate(0, -50%) scale(1);
  -ms-transform: translate(0, -50%) scale(1);
  transform: translate(0, -50%) scale(1);
}

.modal .modal-stick-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 355px;
  margin: 0;
  box-shadow: none;
  border-left: 1px solid #edf1f2;
  transition: all .3s ease-out;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  background-color: white;
}

.modal.show .modal-stick-right {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog {
  position: relative;
  width: 80%;
  margin: 0 auto;
  top: 50%;
  opacity: 0;
  box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.05), 0 0 15px rgba(0, 0, 0, 0.075);
  transition: all .2s ease-out;
  -webkit-transform: translate(0, -50%) scale(0.9);
  -ms-transform: translate(0, -50%) scale(0.9);
  transform: translate(0, -50%) scale(0.9);
}

.modal-dialog .card-body {
  max-height: 500px;
  overflow-y: auto;
}

.modal-backdrop {
  position: fixed;
  z-index: 98;
  top: 55px;
  right: 0;
  bottom: 0;
  left: 255px;
  transition: all .3s;
  background-color: rgba(47, 54, 61, 0.5);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: .5;
}

.modal-small {
  max-width: 400px;
}

.modal-sidebar .modal-content {
  height: 100%;
}

.modal-sidebar .modal-dialog .card {
  margin-bottom: 0;
}

.modal-sidebar .modal-dialog .card .card-body {
  max-height: none;
}

.list .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
  padding: 10px;
  color: #333333;
  border-radius: 4px;
}

.list .item:last-child {
  margin-bottom: 0;
}

.list a.item {
  transition: background-color .3s;
}

.list a.item:hover {
  background-color: #f0f3f4;
}

.list .dot {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-right: 15px;
  border-radius: 100%;
  background-color: #23b7e5;
  box-shadow: 0 0 10px rgba(35, 183, 229, 0.75);
}

.list .dot.dot-color-1 {
  box-shadow: 0 0 10px rgba(35, 183, 229, 0.75);
  background-color: #23b7e5;
}

.list .dot.dot-color-2 {
  box-shadow: 0 0 10px rgba(144, 237, 125, 0.75);
  background-color: #90ed7d;
}

.list .dot.dot-red {
  box-shadow: 0 0 10px rgba(240, 80, 80, 0.75);
  background-color: #f05050;
}

.list .dot.dot-orange {
  box-shadow: 0 0 10px rgba(230, 126, 34, 0.75);
  background-color: #E67E22;
}

.list .dot.dot-yellow {
  box-shadow: 0 0 10px rgba(234, 196, 89, 0.75);
  background-color: #eac459;
}

.list .dot.dot-green {
  box-shadow: 0 0 10px rgba(39, 194, 76, 0.75);
  background-color: #27c24c;
}

.list .dot.dot-cyan {
  box-shadow: 0 0 10px rgba(24, 194, 156, 0.75);
  background-color: #18C29C;
}

.list .dot.dot-blue {
  box-shadow: 0 0 10px rgba(35, 183, 229, 0.75);
  background-color: #23b7e5;
}

.list .dot.dot-purple {
  box-shadow: 0 0 10px rgba(114, 102, 186, 0.75);
  background-color: #7266ba;
}

.list .dot.dot-pink {
  box-shadow: 0 0 10px rgba(255, 91, 119, 0.75);
  background-color: #ff5b77;
}

.list .dot.dot-black {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  background-color: #000000;
}

.list .dot.dot-gray {
  box-shadow: 0 0 10px rgba(197, 197, 202, 0.75);
  background-color: #C5C5CA;
}

.list .avatar {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border-radius: 50%;
  background-color: #f0f3f4;
}

.list .avatar img {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.list .avatar .avatar-badge {
  position: absolute;
  top: 0;
  left: 0;
}

.list .image {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border-radius: 4px;
  background-color: #f0f3f4;
}

.list .image img {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 4px;
}

.list .image .avatar-badge {
  position: absolute;
  top: 0;
  left: 0;
}

.list .item-body {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.list-timeline .title, .list-timeline .item {
  position: relative;
}

.list-timeline .title:before, .list-timeline .title:after, .list-timeline .item:before, .list-timeline .item:after {
  content: '';
  position: absolute;
  display: block;
}

.list-timeline .title:before, .list-timeline .item:before {
  top: 0;
  left: 4px;
  width: 1px;
  height: 100%;
  background-color: #edf1f2;
}

.list-timeline .title {
  padding: 10px 10px 10px 30px;
}

.list-timeline .title:after {
  top: 50%;
  left: 0px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #23b7e5;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: 0 0 10px rgba(35, 183, 229, 0.75);
}

.list-timeline .title:first-child:before {
  top: 50%;
  height: 50%;
}

.list-timeline .item {
  display: block;
  padding: 10px 10px 10px 30px;
}

.list-timeline .item.active {
  background-color: #f0f3f4;
}

.list-timeline .item:after {
  top: 17px;
  left: 2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  border: 1px solid #23b7e5;
  background-color: #ffffff;
}

.list-timeline .item:last-child:before {
  top: 0;
  height: 30px;
}

.list-timeline .item a.info {
  display: block;
  color: #333333;
  transition: color .3s;
}

.list-timeline .item a.info:hover {
  color: #23b7e5;
}

.list-timeline .item .tag {
  margin-top: 5px;
  color: #aaaaaa;
  font-size: 12px;
}

.list-timeline .item .tag span {
  margin-right: 10px;
}

.row-form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.row-form > .col,
.row-form > [class*=col-] {
  padding-right: 10px;
  padding-left: 10px;
}

.form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.form .form-group {
  margin-bottom: 15px;
}

.form .form-group .radiocheckbox-item {
  margin-top: 10px;
  margin-bottom: 10px;
}

.form .form-group .radiocheckbox-item .radiocheckbox-replace {
  margin-right: 10px;
}

.form > .form-group:last-child {
  margin-bottom: 0;
}

.form > .row-form:last-child .form-group {
  margin-bottom: 0;
}

.form .form-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 5px -20px 0;
  padding: 20px 20px 0;
  border-top: 1px solid #edf1f2;
}

.form-group {
  position: relative;
  min-width: 0;
  border-width: 0;
  border-style: initial;
  border-color: initial;
  border-image: initial;
}

.form-group .label {
  margin-bottom: 5px;
  font-weight: bold;
}

.form-group .input {
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #dee5e7;
  transition: border 0.3s, box-shadow 0.3s;
}

.form-group .input:focus {
  border-color: #23b7e5;
  box-shadow: 0 0 15px rgba(35, 183, 229, 0.5);
}

.form-group .input[disabled] {
  cursor: no-drop;
  color: #aaaaaa;
  background-color: #f0f3f4;
}

.form-group .input.error {
  border-color: #f05050;
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f05050' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}

.form-group .input.error:focus {
  border-color: #f05050;
  box-shadow: 0 0 15px rgba(240, 80, 80, 0.3);
}

.form-group .input.validate-feedback.valid {
  border-color: #27c24c;
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2327c24c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}

.form-group .input.validate-feedback.valid:focus {
  border-color: #27c24c;
  box-shadow: 0 0 15px rgba(39, 194, 76, 0.3);
}

.form-group .input-addon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.form-group .input-addon .addon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  white-space: nowrap;
  background-color: #f0f3f4;
  border-radius: 4px;
  border: 1px solid #dee5e7;
}

.form-group .input-addon .addon:not(:first-child) {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-group .input-addon .addon:not(:last-child) {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-group .input-addon .addon i {
  font-size: 16px;
  padding: 0 3px;
}

.form-group .input-addon .input {
  position: relative;
  z-index: 1;
}

.form-group .input-addon .input:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-group .input-addon .input:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-group label.input-addon .addon {
  cursor: pointer;
}

.form-group .input-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-group .input-group .relay {
  padding: 0 10px;
}

.form-group .select {
  display: block;
  width: 100%;
  padding: 10px 35px 10px 10px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #dee5e7;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: all 0.3s;
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23C5C5CA' d='M25,37L1,13h48L25,37z'/%3E%3C/svg%3E");
}

.form-group .select:focus {
  border-color: #23b7e5;
  box-shadow: 0 0 15px rgba(35, 183, 229, 0.5);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%2323b7e5' d='M25,37L1,13h48L25,37z'/%3E%3C/svg%3E");
}

.form-group .select.error {
  border-color: #f05050;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23f05050' d='M25,37L1,13h48L25,37z'/%3E%3C/svg%3E");
}

.form-group .select.error:focus {
  border-color: #f05050;
  box-shadow: 0 0 15px rgba(240, 80, 80, 0.3);
}

.form-group .select[disabled] {
  cursor: no-drop;
  color: #aaaaaa;
  background-color: #f0f3f4;
}

.form-group .textarea {
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #dee5e7;
  transition: all 0.3s;
}

.form-group .textarea:focus {
  border-color: #23b7e5;
  box-shadow: 0 0 15px rgba(35, 183, 229, 0.3);
}

.form-group .file-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #dee5e7;
  transition: all 0.3s;
}

.form-group .file-group .file {
  width: 100%;
  margin-right: 10px;
}

.form-group .file-group .button {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: -1px -1px -1px 0;
  padding: 14px 25px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-group .file-action {
  position: relative;
  margin-top: 10px;
  padding: 10px;
  border-radius: 4px;
  background-color: #f0f3f4;
}

.form-group .file-action .info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #aaaaaa;
  font-size: 12px;
}

.form-group .file-action .progress {
  position: relative;
  height: 2px;
  margin-top: 5px;
  margin-bottom: 0;
  border-radius: 1px;
  background-color: #dee5e7;
}

.form-group .file-action .progress-bar {
  position: absolute;
  height: 100%;
  border-radius: 1px;
  background: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #90ed7d, #23b7e5);
}

.form-group .file-action .file-delete {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 16px;
  height: 16px;
  color: #ffffff;
  border-radius: 50%;
  background-color: #f05050;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23ffffff' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
  transition: all 0.3s;
  opacity: 0;
}

.form-group .file-action .file-delete:hover {
  box-shadow: 0 0 15px rgba(240, 80, 80, 0.5);
}

.form-group .file-action:hover .file-delete {
  opacity: 1;
}

.form-group p.text {
  padding-top: 10px;
  padding-bottom: 10px;
}

.form-group p.help {
  margin-top: 5px;
}

.form-group label.error {
  display: none;
  margin-left: 5px;
  color: #f05050;
  font-size: 12px;
}

.form-group .layui-laydate {
  top: calc(100% + 5px) !important;
  left: 0 !important;
}

.radiocheckbox-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
}

.radiocheckbox-item .radiocheckbox {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  opacity: 0;
}

.radiocheckbox-item .radiocheckbox:focus + .radiocheckbox-replace {
  border-color: #c1ced2;
}

.radiocheckbox-item .radiocheckbox:checked + .radiocheckbox-replace {
  border-color: #23b7e5;
  box-shadow: 0 0 15px rgba(35, 183, 229, 0.5);
}

.radiocheckbox-item .radiocheckbox:checked + .radiocheckbox-replace:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.radiocheckbox-item .radiocheckbox[disabled] {
  cursor: no-drop;
}

.radiocheckbox-item .radiocheckbox[disabled]:checked + .radiocheckbox-replace {
  border: 1px solid #dee5e7;
  background-color: #f0f3f4;
  box-shadow: none;
}

.radiocheckbox-item .radiocheckbox[disabled]:checked + .radiocheckbox-replace:before {
  background-color: #C5C5CA;
}

.radiocheckbox-item .radiocheckbox[disabled] + .radiocheckbox-replace {
  cursor: no-drop;
  background-color: #f0f3f4;
}

.radiocheckbox-item .radiocheckbox[type="radio"] + .radiocheckbox-replace {
  border-radius: 50%;
}

.radiocheckbox-item .radiocheckbox[type="radio"] + .radiocheckbox-replace:before {
  border-radius: 50%;
}

.radiocheckbox-item .radiocheckbox-replace {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  border: 1px solid #dee5e7;
  background-color: #ffffff;
  transition: all 0.3s;
}

.radiocheckbox-item .radiocheckbox-replace:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  margin-top: 50%;
  margin-left: 50%;
  background-color: #23b7e5;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.3s;
}

.radiocheckbox-group-horizontal {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.radiocheckbox-group-horizontal .radiocheckbox-item {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 5px 20px 5px 0;
}

.radiocheckbox-group-horizontal .radiocheckbox-item p {
  white-space: nowrap;
}

.radiocheckbox-switch-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}

.radiocheckbox-switch-item:last-child {
  margin-bottom: 0;
}

.radiocheckbox-switch-item .radiocheckbox-switch-explain {
  color: #aaaaaa;
}

.radiocheckbox-switch-item .radiocheckbox-switch-explain ~ .radiocheckbox-switch {
  margin-left: 10px;
}

.radiocheckbox-switch {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
}

.radiocheckbox-switch .radiocheckbox {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.radiocheckbox-switch .radiocheckbox[disabled] {
  cursor: no-drop;
}

.radiocheckbox-switch .radiocheckbox[disabled]:checked + .radiocheckbox-replace {
  box-shadow: none;
  opacity: 0.85;
}

.radiocheckbox-switch .radiocheckbox[disabled] + .radiocheckbox-replace {
  cursor: no-drop;
  background-color: #f0f3f4;
}

.radiocheckbox-switch .radiocheckbox:focus + .radiocheckbox-replace {
  border-color: #c1ced2;
}

.radiocheckbox-switch .radiocheckbox:focus + .radiocheckbox-replace .slipper {
  background-color: #C5C5CA;
}

.radiocheckbox-switch .radiocheckbox:focus + .radiocheckbox-replace .slipper::after {
  color: #aaaaaa;
}

.radiocheckbox-switch .radiocheckbox:checked + .radiocheckbox-replace {
  border-color: #23b7e5;
  background-color: #23b7e5;
  box-shadow: 0 0 15px rgba(35, 183, 229, 0.5);
}

.radiocheckbox-switch .radiocheckbox:checked + .radiocheckbox-replace .slipper {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.75);
}

.radiocheckbox-switch .radiocheckbox-replace {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 50px;
  height: 42px;
  padding: 1px;
  border: 1px solid #dee5e7;
  border-radius: 4px;
  background-color: #ffffff;
  transition: all 0.3s;
  overflow: hidden;
}

.radiocheckbox-switch .radiocheckbox-replace .slipper {
  position: relative;
  display: block;
  width: 50%;
  height: 38px;
  background-color: #d2d2d6;
  border-radius: 3px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: all 0.3s;
}

.radiocheckbox-switch .radiocheckbox-replace .slipper::after, .radiocheckbox-switch .radiocheckbox-replace .slipper::before {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 38px;
}

.radiocheckbox-switch .radiocheckbox-replace .slipper::before {
  content: "开";
  color: #ffffff;
  text-shadow: 0 0 5px white;
  -webkit-transform: translateX(-100%) scale(0.9);
  -ms-transform: translateX(-100%) scale(0.9);
  transform: translateX(-100%) scale(0.9);
}

.radiocheckbox-switch .radiocheckbox-replace .slipper::after {
  content: "关";
  color: #C5C5CA;
  -webkit-transform: translateX(100%) scale(0.9);
  -ms-transform: translateX(100%) scale(0.9);
  transform: translateX(100%) scale(0.9);
}

.radiocheckbox-switch ~ .radiocheckbox-switch-explain {
  margin-left: 10px;
}

select.select-chosen {
  display: none;
}

.chosen-container {
  position: relative;
  display: block;
  vertical-align: middle;
  width: 100% !important;
}

.chosen-container .chosen-drop {
  position: absolute;
  z-index: 99;
  top: calc(100% + 5px);
  width: 100%;
  padding: 5px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #dee5e7;
  box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.05), 0 0 15px rgba(0, 0, 0, 0.075);
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
}

.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 290px;
  color: #333333;
}

.chosen-container .chosen-results li {
  display: none;
  padding: 5px 10px;
  word-wrap: break-word;
  border-radius: 4px;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #aaaaaa;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  display: list-item;
  color: #ffffff;
  background-color: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #51c6ea, #23b7e5);
}

.chosen-container .chosen-results li.highlighted em {
  color: #ffffff;
}

.chosen-container .chosen-results li.no-results {
  color: #999999;
  display: list-item;
  background: #f0f3f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
  background-color: #f0f3f4;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 30px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  color: #23b7e5;
}

.chosen-container.chosen-disabled {
  cursor: no-drop;
}

.chosen-container.chosen-disabled .chosen-single {
  cursor: no-drop;
  background-color: #f0f3f4;
}

.chosen-container.chosen-disabled .chosen-single span {
  color: #aaaaaa;
}

.chosen-container.chosen-disabled .chosen-choices {
  cursor: no-drop;
  background-color: #f0f3f4;
}

.chosen-container.chosen-disabled .chosen-choices .search-choice {
  cursor: no-drop;
}

.chosen-container.chosen-disabled .chosen-choices .search-choice span {
  color: #aaaaaa;
}

.chosen-container.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: no-drop;
}

.chosen-container.chosen-disabled .chosen-choices .search-field .chosen-search-input {
  background-color: transparent !important;
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 10px 35px 10px 10px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #dee5e7;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.3s;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 32px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23C5C5CA' d='M25,37L1,13h48L25,37z'/%3E%3C/svg%3E");
  transition: all 0.3s;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 99;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin-bottom: 5px;
  padding: 5px 20px 5px 10px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #dee5e7;
  background-color: #ffffff;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 16 16'><path fill='#C5C5CA' d='M3.683,5.774C3.597,5.976,3.366,6.072,3.161,5.986C2.956,5.9,2.863,5.665,2.949,5.463 c0.116-0.281,0.265-0.549,0.43-0.796V4.664l0,0c0.165-0.251,0.364-0.486,0.579-0.701L3.96,3.959H3.958 C4.172,3.745,4.41,3.553,4.661,3.381c0.245-0.166,0.513-0.311,0.8-0.433c0.202-0.086,0.436,0.01,0.522,0.215 c0.086,0.202-0.01,0.439-0.211,0.522c-0.231,0.099-0.45,0.218-0.661,0.364C4.899,4.188,4.705,4.35,4.526,4.528l0,0 c-0.175,0.175-0.34,0.374-0.482,0.585l0,0C3.901,5.321,3.782,5.543,3.683,5.774L3.683,5.774z M12.908,11.968l2.892,2.89 c0.265,0.261,0.265,0.684,0.004,0.945c-0.262,0.261-0.685,0.264-0.942,0.003l-2.898-2.896c-0.559,0.47-1.193,0.853-1.874,1.134 C9.229,14.401,8.284,14.6,7.299,14.6s-1.93-0.198-2.79-0.556H4.506l0,0c-0.889-0.367-1.695-0.912-2.37-1.583l0,0 c-0.668-0.671-1.213-1.475-1.583-2.37L0.54,10.058C0.193,9.202,0.001,8.27,0.001,7.301c0-0.985,0.195-1.927,0.552-2.79 c0.374-0.899,0.916-1.703,1.583-2.374C3.458,0.819,5.283,0,7.299,0c0.982,0,1.924,0.198,2.79,0.555v0.003V0.555 c0.896,0.37,1.698,0.912,2.373,1.583l0.029,0.033c0.658,0.667,1.187,1.461,1.551,2.337l0.013,0.036 c0.351,0.853,0.542,1.785,0.542,2.757c0,0.985-0.198,1.93-0.555,2.79C13.761,10.775,13.374,11.406,12.908,11.968L12.908,11.968z M9.576,1.788C8.879,1.5,8.109,1.342,7.299,1.342c-1.646,0-3.137,0.667-4.217,1.745C2.533,3.639,2.09,4.293,1.786,5.017 C1.501,5.718,1.336,6.488,1.336,7.301c0,0.796,0.159,1.557,0.436,2.245l0.013,0.032c0.304,0.728,0.747,1.385,1.296,1.934v0.004l0,0 c0.548,0.548,1.209,0.991,1.937,1.295l0,0c0.701,0.288,1.467,0.45,2.28,0.45c0.807,0,1.58-0.162,2.277-0.45 c0.724-0.301,1.378-0.74,1.927-1.285l0.007-0.01l0.003-0.004c0.549-0.545,0.992-1.203,1.293-1.934 c0.291-0.697,0.449-1.467,0.449-2.277c0-0.8-0.152-1.557-0.433-2.248l-0.017-0.033c-0.294-0.717-0.728-1.362-1.263-1.904 l-0.033-0.03c-0.549-0.552-1.206-0.995-1.934-1.295V1.788L9.576,1.788z M11.219,7.301c0-0.222,0.179-0.403,0.403-0.403 c0.218,0,0.4,0.182,0.4,0.403c0,0.611-0.119,1.229-0.36,1.811l-0.007,0.014c-0.231,0.552-0.568,1.067-1.019,1.514 c-0.449,0.452-0.972,0.793-1.53,1.024c-0.578,0.241-1.193,0.36-1.808,0.36c-0.225,0-0.403-0.182-0.403-0.403 s0.178-0.399,0.403-0.399c0.513,0,1.024-0.1,1.5-0.298c0.462-0.191,0.893-0.477,1.269-0.85c0.374-0.373,0.654-0.8,0.847-1.252 l0.007-0.02C11.12,8.326,11.219,7.813,11.219,7.301L11.219,7.301z'/></svg>");
}

.chosen-container-single .chosen-drop {
  background-clip: padding-box;
}

.chosen-container-single .chosen-default {
  color: #aaaaaa;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
}

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 5px 10px;
  color: #333333;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #dee5e7;
  transition: all 0.3s;
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
}

.chosen-container-multi .chosen-choices li.search-field {
  white-space: nowrap;
  max-width: 100%;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 2px 0;
  padding: 0;
  height: 26px;
  max-width: 100%;
  color: #aaaaaa;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"].default {
  color: #aaaaaa;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 2px 4px 2px 0;
  padding: 5px 22px 5px 5px;
  height: 26px;
  max-width: 100%;
  border-radius: 4px;
  border: 1px solid #dee5e7;
  background-color: #f0f3f4;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  display: block;
  line-height: 1;
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  width: 14px;
  height: 14px;
  transition: background-image .3s;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' viewBox='0 0 14 14'><path fill='#C5C5CA' d='M13.658,0.342c-0.456-0.456-1.194-0.456-1.649,0L7,5.35L1.992,0.342c-0.456-0.456-1.194-0.456-1.65,0s-0.456,1.194,0,1.65 L5.35,7l-5.008,5.009c-0.456,0.455-0.456,1.193,0,1.649C0.57,13.886,0.868,14,1.167,14c0.299,0,0.597-0.114,0.825-0.342L7,8.649 l5.009,5.009C12.236,13.886,12.535,14,12.833,14c0.299,0,0.598-0.114,0.825-0.342c0.456-0.456,0.456-1.194,0-1.649L8.649,7 l5.009-5.008C14.114,1.536,14.114,0.797,13.658,0.342z'/></svg>");
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' viewBox='0 0 14 14'><path fill='#999999' d='M13.658,0.342c-0.456-0.456-1.194-0.456-1.649,0L7,5.35L1.992,0.342c-0.456-0.456-1.194-0.456-1.65,0s-0.456,1.194,0,1.65 L5.35,7l-5.008,5.009c-0.456,0.455-0.456,1.193,0,1.649C0.57,13.886,0.868,14,1.167,14c0.299,0,0.597-0.114,0.825-0.342L7,8.649 l5.009,5.009C12.236,13.886,12.535,14,12.833,14c0.299,0,0.598-0.114,0.825-0.342c0.456-0.456,0.456-1.194,0-1.649L8.649,7 l5.009-5.008C14.114,1.536,14.114,0.797,13.658,0.342z'/></svg>");
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #aaaaaa;
  cursor: default;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border-color: #23b7e5;
  box-shadow: 0 0 15px rgba(35, 183, 229, 0.5);
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%2323b7e5' d='M25,37L1,13h48L25,37z'/%3E%3C/svg%3E");
}

.chosen-container-active.chosen-with-drop .chosen-choices {
  border-color: #23b7e5;
  box-shadow: 0 0 15px rgba(35, 183, 229, 0.5);
}

@-webkit-keyframes chosenFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes chosenFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.chosen-container-active.chosen-with-drop .chosen-drop {
  -webkit-animation: chosenFadeInUp .3s ease;
  animation: chosenFadeInUp .3s ease;
}

/* @end */
/* @group Right to Left */
/* @end */
/* @group Retina compatibility */
/* @end */
@-webkit-keyframes dropzone-passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes dropzone-passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@-webkit-keyframes dropzone-slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes dropzone-slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes dropzone-pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes dropzone-pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.dropzone {
  min-height: 142px;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #dee5e7;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  color: #aaaaaa;
  text-align: center;
  cursor: pointer;
  pointer-events: none;
}

.dropzone.dz-clickable .dz-message span {
  padding: 0 10px;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 130px;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  width: 120px;
  height: 120px;
  border-radius: 4px;
  background-color: #f0f3f4;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.dropzone .dz-preview:hover {
  z-index: 98;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview:hover .dz-image {
  z-index: 10;
}

.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.dropzone .dz-preview:hover .dz-remove {
  opacity: 1;
}

.dropzone .dz-preview .dz-image {
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  transition: all .3s;
  display: block;
  border-radius: 4px;
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview.dz-image-preview .dz-image {
  border-radius: 4px;
  background-color: #f0f3f4;
}

.dropzone .dz-preview.dz-file-icon .dz-image {
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center;
  background-image: url();
}

.dropzone .dz-preview .dz-remove {
  display: block;
  z-index: 98;
  position: absolute;
  top: -3px;
  right: -3px;
  width: 20px;
  height: 20px;
  color: #ffffff;
  border-radius: 50%;
  text-indent: -999px;
  overflow: hidden;
  cursor: pointer;
  background-color: #f05050;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23ffffff' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
  transition: all .3s;
  opacity: 0;
}

.dropzone .dz-preview .dz-remove:hover {
  box-shadow: 0 0 15px rgba(240, 80, 80, 0.5);
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 12px;
  min-width: 100%;
  max-width: 100%;
  padding: 13px 10px 0;
  text-align: center;
  color: #333333;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 64px;
}

.dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename span {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0 4px;
  border-radius: 4px;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: dropzone-passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: dropzone-passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: dropzone-slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: dropzone-slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 10;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
}

.dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg {
  display: block;
  width: 40px;
  height: 40px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: dropzone-pulse 6s ease infinite;
  animation: dropzone-pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 6px;
  left: 50%;
  top: 50%;
  margin-top: -3px;
  width: 100px;
  margin-left: -50px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border-radius: 3px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out;
  background: #23b7e5;
  background: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #90ed7d, #23b7e5);
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: none;
  opacity: 0;
  transition: opacity .3s ease;
  border-radius: 4px;
  font-size: 12px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #f05050;
  padding: 10px;
  color: white;
}

.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f05050;
}

.ztree * {
  font-size: 12px;
  box-sizing: content-box;
}

.ztree {
  max-height: 500px;
  overflow: auto;
}

.ztree li {
  list-style: none;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  outline: 0;
}

.ztree li ul {
  padding: 0 0 0 18px;
}

.ztree li ul.line {
  background: url("../img/ztree/line_conn.gif") 0 0 repeat-y;
}

.ztree li a {
  padding: 1px 3px 0 0;
  margin: 0;
  cursor: pointer;
  height: 17px;
  color: #333;
  background-color: transparent;
  text-decoration: none;
  vertical-align: top;
  display: inline-block;
}

.ztree li a:hover {
  text-decoration: underline;
}

.ztree li a.curSelectedNode {
  padding-top: 0;
  background-color: #FFE6B0;
  color: black;
  height: 16px;
  border: 1px #FFB951 solid;
  opacity: 0.8;
}

.ztree li a.curSelectedNode_Edit {
  padding-top: 0;
  background-color: #FFE6B0;
  color: black;
  height: 16px;
  border: 1px #FFB951 solid;
  opacity: 0.8;
}

.ztree li a.tmpTargetNode_inner {
  padding-top: 0;
  background-color: #316AC5;
  color: white;
  height: 16px;
  border: 1px #316AC5 solid;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.ztree li a input.rename {
  height: 14px;
  width: 80px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  border: 1px #7EC4CC solid;
  *border: 0;
}

.ztree li span {
  line-height: 16px;
  margin-right: 2px;
}

.ztree li span.button {
  line-height: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("../img/ztree/zTreeStandard.png");
  *background-image: url("../img/ztree/zTreeStandard.gif");
}

.ztree li span.button.chk {
  width: 13px;
  height: 13px;
  margin: 0 3px 0 0;
  cursor: auto;
}

.ztree li span.button.chk.checkbox_false_full {
  background-position: 0 0;
}

.ztree li span.button.chk.checkbox_false_full_focus {
  background-position: 0 -14px;
}

.ztree li span.button.chk.checkbox_false_part {
  background-position: 0 -28px;
}

.ztree li span.button.chk.checkbox_false_part_focus {
  background-position: 0 -42px;
}

.ztree li span.button.chk.checkbox_false_disable {
  background-position: 0 -56px;
}

.ztree li span.button.chk.checkbox_true_full {
  background-position: -14px 0;
}

.ztree li span.button.chk.checkbox_true_full_focus {
  background-position: -14px -14px;
}

.ztree li span.button.chk.checkbox_true_part {
  background-position: -14px -28px;
}

.ztree li span.button.chk.checkbox_true_part_focus {
  background-position: -14px -42px;
}

.ztree li span.button.chk.checkbox_true_disable {
  background-position: -14px -56px;
}

.ztree li span.button.chk.radio_false_full {
  background-position: -28px 0;
}

.ztree li span.button.chk.radio_false_full_focus {
  background-position: -28px -14px;
}

.ztree li span.button.chk.radio_false_part {
  background-position: -28px -28px;
}

.ztree li span.button.chk.radio_false_part_focus {
  background-position: -28px -42px;
}

.ztree li span.button.chk.radio_false_disable {
  background-position: -28px -56px;
}

.ztree li span.button.chk.radio_true_full {
  background-position: -42px 0;
}

.ztree li span.button.chk.radio_true_full_focus {
  background-position: -42px -14px;
}

.ztree li span.button.chk.radio_true_part {
  background-position: -42px -28px;
}

.ztree li span.button.chk.radio_true_part_focus {
  background-position: -42px -42px;
}

.ztree li span.button.chk.radio_true_disable {
  background-position: -42px -56px;
}

.ztree li span.button.switch {
  width: 18px;
  height: 18px;
}

.ztree li span.button.root_open {
  background-position: -92px -54px;
}

.ztree li span.button.root_close {
  background-position: -74px -54px;
}

.ztree li span.button.roots_open {
  background-position: -92px 0;
}

.ztree li span.button.roots_close {
  background-position: -74px 0;
}

.ztree li span.button.center_open {
  background-position: -92px -18px;
}

.ztree li span.button.center_close {
  background-position: -74px -18px;
}

.ztree li span.button.bottom_open {
  background-position: -92px -36px;
}

.ztree li span.button.bottom_close {
  background-position: -74px -36px;
}

.ztree li span.button.noline_open {
  background-position: -92px -72px;
}

.ztree li span.button.noline_close {
  background-position: -74px -72px;
}

.ztree li span.button.root_docu {
  background: none;
}

.ztree li span.button.roots_docu {
  background-position: -56px 0;
}

.ztree li span.button.center_docu {
  background-position: -56px -18px;
}

.ztree li span.button.bottom_docu {
  background-position: -56px -36px;
}

.ztree li span.button.noline_docu {
  background: none;
}

.ztree li span.button.ico_open {
  margin-right: 2px;
  background-position: -110px -16px;
  vertical-align: top;
  *vertical-align: middle;
}

.ztree li span.button.ico_close {
  margin-right: 2px;
  background-position: -110px 0;
  vertical-align: top;
  *vertical-align: middle;
}

.ztree li span.button.ico_docu {
  margin-right: 2px;
  background-position: -110px -32px;
  vertical-align: top;
  *vertical-align: middle;
}

.ztree li span.button.edit {
  margin-right: 2px;
  background-position: -110px -48px;
  vertical-align: top;
  *vertical-align: middle;
}

.ztree li span.button.remove {
  margin-right: 2px;
  background-position: -110px -64px;
  vertical-align: top;
  *vertical-align: middle;
}

.ztree li span.button.ico_loading {
  margin-right: 2px;
  background: url("../img/ztree/loading.gif") no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle;
}

ul.tmpTargetzTree {
  background-color: #FFE6B0;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

span.tmpzTreeMove_arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  padding: 0;
  margin: 2px 0 0 1px;
  border: 0 none;
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -110px -80px;
  background-image: url("../img/ztree/zTreeStandard.png");
  *background-image: url("../img/ztree/zTreeStandard.gif");
}

ul.ztree.zTreeDragUL {
  margin: 0;
  padding: 0;
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
  background-color: #cfcfcf;
  border: 1px #00B83F dotted;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.zTreeMask {
  z-index: 10000;
  background-color: #cfcfcf;
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute;
}

/* level style*/
/*.ztree li span.button.level0 {
	display:none;
}
.ztree li ul.level0 {
	padding:0;
	background:none;
}*/
.treeview {
  margin: -20px;
  max-height: 500px;
  overflow: auto;
}

.treeview .list-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.treeview .list-group-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 10px 20px;
  border-bottom: 1px solid #edf1f2;
}

.treeview .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.treeview .list-group-item.disabled, .treeview .list-group-item:disabled {
  color: #aaaaaa;
  background-color: #f0f3f4;
}

.treeview .list-group-item.active {
  color: #ffffff;
  background-color: #23b7e5;
}

.treeview .search-result {
  color: #23b7e5 !important;
}

.treeview span.indent {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.treeview span.icon {
  width: 18px !important;
  height: 18px !important;
  margin-right: 0 !important;
}

.treeview span.badge {
  position: absolute;
  right: 20px;
  margin-left: 5px;
  padding: 2px 5px;
  color: #23b7e5;
  line-height: 1;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid #23b7e5;
  background-color: #ffffff;
}

.treeview .node-selected {
  background-color: #23b7e5 !important;
}

.treeview .node-selected .glyphicon-plus, .treeview .node-selected .glyphicon-minus {
  background-color: #ffffff;
}

.treeview .node-selected .glyphicon-plus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%2323b7e5' d='M46.065,22.065H27.935V3.935C27.935,2.313,26.621,1,25,1s-2.935,1.313-2.935,2.935v18.131H3.935C2.314,22.065,1,23.379,1,25s1.314,2.935,2.935,2.935h18.131v18.131C22.065,47.687,23.379,49,25,49s2.935-1.313,2.935-2.935V27.935h18.131\a         	C47.687,27.935,49,26.621,49,25S47.687,22.065,46.065,22.065z'/%3E%3C/svg%3E");
}

.treeview .node-selected .glyphicon-minus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%2323b7e5' d='M49,25c0,1.621-1.313,2.935-2.935,2.935H3.935C2.314,27.935,1,26.621,1,25l0,0c0-1.621,1.314-2.935,2.935-2.935h42.131C47.687,22.065,49,23.379,49,25L49,25z'/%3E%3C/svg%3E");
}

.treeview .node-selected span.badge {
  color: #23b7e5;
  background-color: #ffffff;
}

.treeview .node-selected.search-result {
  color: #ffffff !important;
}

.treeview .glyphicon-plus, .treeview .glyphicon-minus {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  border-radius: 4px;
  background-color: #23b7e5;
}

.treeview .glyphicon-plus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23ffffff' d='M46.065,22.065H27.935V3.935C27.935,2.313,26.621,1,25,1s-2.935,1.313-2.935,2.935v18.131H3.935C2.314,22.065,1,23.379,1,25s1.314,2.935,2.935,2.935h18.131v18.131C22.065,47.687,23.379,49,25,49s2.935-1.313,2.935-2.935V27.935h18.131\a     	C47.687,27.935,49,26.621,49,25S47.687,22.065,46.065,22.065z'/%3E%3C/svg%3E");
}

.treeview .glyphicon-minus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23ffffff' d='M49,25c0,1.621-1.313,2.935-2.935,2.935H3.935C2.314,27.935,1,26.621,1,25l0,0c0-1.621,1.314-2.935,2.935-2.935h42.131C47.687,22.065,49,23.379,49,25L49,25z'/%3E%3C/svg%3E");
}

.treeview-search {
  margin-top: -5px;
}

.treeview-search ~ .treeview {
  margin-top: 15px;
  border-top: 1px solid #edf1f2;
}

.nestable {
  position: relative;
  display: block;
  margin-top: -5px;
  margin-bottom: -5px;
}

.nestable-list {
  display: block;
  position: relative;
}

.nestable-list .nestable-list {
  padding-left: 30px;
}

.nestable-collapsed .nestable-list {
  display: none;
}

.nestable-empty,
.nestable-item,
.nestable-placeholder {
  display: block;
  position: relative;
}

.nestable-handle {
  display: block;
  height: 34px;
  margin: 5px 0;
  line-height: 18px;
  padding: 7px 15px;
  background-color: #ffffff;
  border: 1px solid #dee5e7;
  border-radius: 4px;
  cursor: default;
}

.nestable-handle:hover {
  color: #23b7e5;
}

.nestable-item > button {
  display: inline;
  position: relative;
  float: left;
  margin: 8px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  background-color: #23b7e5;
  border-radius: 4px;
}

.nestable-item > button[data-action="expand"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23ffffff' d='M46.065,22.065H27.935V3.935C27.935,2.313,26.621,1,25,1s-2.935,1.313-2.935,2.935v18.131H3.935C2.314,22.065,1,23.379,1,25s1.314,2.935,2.935,2.935h18.131v18.131C22.065,47.687,23.379,49,25,49s2.935-1.313,2.935-2.935V27.935h18.131\a     	C47.687,27.935,49,26.621,49,25S47.687,22.065,46.065,22.065z'/%3E%3C/svg%3E");
}

.nestable-item > button[data-action="collapse"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23ffffff' d='M49,25c0,1.621-1.313,2.935-2.935,2.935H3.935C2.314,27.935,1,26.621,1,25l0,0c0-1.621,1.314-2.935,2.935-2.935h42.131C47.687,22.065,49,23.379,49,25L49,25z'/%3E%3C/svg%3E");
}

.nestable-empty,
.nestable-placeholder {
  margin: 5px 0;
  padding: 0;
  min-height: 34px;
  border-radius: 4px;
  background-color: #f0f3f4;
}

.nestable-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 99;
}

.nestable-dragel > .nestable-item .nestable-handle {
  margin-top: 0;
}

.nestable-dragel .nestable-handle {
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.075);
}

.nestable-second .nestable-handle {
  color: #999999;
  background-color: #f0f3f4;
  border: 1px solid #dee5e7;
}

.nestable-second .nestable-handle:hover {
  color: #23b7e5;
}

.layui-laydate {
  position: absolute;
  z-index: 99;
  margin: 5px 0;
  border-radius: 4px;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: laydate-upbit;
  animation-name: laydate-upbit;
}

.layui-laydate-main {
  width: 272px;
}

.layui-laydate-content td, .layui-laydate-header *, .layui-laydate-list li {
  transition-duration: .3s;
  -webkit-transition-duration: .3s;
}

@-webkit-keyframes laydate-upbit {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    opacity: .3;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes laydate-upbit {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: .3;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.layui-laydate-static {
  position: relative;
  z-index: 0;
  display: inline-block;
  margin: 0;
  -webkit-animation: none;
  animation: none;
}

.laydate-ym-show .laydate-next-m, .laydate-ym-show .laydate-prev-m {
  display: none !important;
}

.laydate-ym-show .laydate-next-y, .laydate-ym-show .laydate-prev-y {
  display: inline-block !important;
}

.laydate-time-show .laydate-set-ym span[lay-type=month], .laydate-time-show .laydate-set-ym span[lay-type=year], .laydate-time-show .layui-laydate-header .layui-icon, .laydate-ym-show .laydate-set-ym span[lay-type=month] {
  display: none !important;
}

.layui-laydate-header {
  position: relative;
  line-height: 30px;
  padding: 10px 70px;
}

.laydate-set-ym span, .layui-laydate-header i {
  padding: 0 5px;
  cursor: pointer;
}

.layui-laydate-header * {
  display: inline-block;
  vertical-align: bottom;
}

.layui-laydate-header i {
  position: absolute;
  top: 16px;
  color: #C5C5CA;
  font-size: 18px;
}

.layui-laydate-header i.laydate-prev-y {
  left: 15px;
}

.layui-laydate-header i.laydate-prev-m {
  left: 45px;
}

.layui-laydate-header i.laydate-next-y {
  right: 15px;
}

.layui-laydate-header i.laydate-next-m {
  right: 45px;
}

.laydate-set-ym {
  width: 100%;
  font-weight: bold;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.laydate-time-text {
  cursor: default !important;
}

.layui-laydate-content {
  position: relative;
  padding: 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.layui-laydate-content table {
  border-collapse: collapse;
  border-spacing: 0;
}

.layui-laydate-content td, .layui-laydate-content th {
  width: 36px;
  height: 30px;
  line-height: 20px;
  padding: 5px;
  text-align: center;
}

.layui-laydate-content td {
  position: relative;
  cursor: pointer;
}

.laydate-day-mark {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 30px;
  font-size: 12px;
  overflow: hidden;
}

.laydate-day-mark::after {
  position: absolute;
  content: '';
  right: 2px;
  top: 2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.layui-laydate-footer {
  position: relative;
  height: 52px;
  padding: 10px 20px;
}

.layui-laydate-footer span {
  margin-right: 15px;
  display: inline-block;
  cursor: pointer;
}

.layui-laydate-footer span:hover {
  color: #23b7e5;
}

.laydate-footer-btns {
  position: absolute;
  right: 10px;
  top: 10px;
}

.laydate-footer-btns span {
  margin: 0 0 0 5px;
  padding: 5px 10px;
  border: 1px solid #dee5e7;
  background-color: #ffffff;
  white-space: nowrap;
  vertical-align: top;
  border-radius: 4px;
}

.laydate-footer-btns span.laydate-btns-confirm {
  color: #ffffff;
  border-color: #23b7e5;
  background-color: #23b7e5;
}

.layui-laydate-list > li, .layui-laydate-range .layui-laydate-main {
  display: inline-block;
  vertical-align: middle;
}

.layui-laydate-list {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background-color: #ffffff;
}

.layui-laydate-list > li {
  position: relative;
  width: 33.3%;
  height: 36px;
  line-height: 36px;
  margin: 3px 0;
  text-align: center;
  cursor: pointer;
}

.laydate-month-list > li {
  width: 25%;
  margin: 17px 0;
}

.laydate-time-list > li {
  height: 100%;
  margin: 0;
  line-height: normal;
  cursor: default;
}

.laydate-time-list p {
  position: relative;
  top: -4px;
  line-height: 29px;
}

.laydate-time-list ol {
  height: 181px;
  overflow: hidden;
}

.laydate-time-list > li:hover ol {
  overflow-y: auto;
}

.laydate-time-list ol li {
  width: 130%;
  padding-left: 33px;
  line-height: 30px;
  text-align: left;
  cursor: pointer;
}

.layui-laydate-hint {
  position: absolute;
  top: 115px;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  line-height: 20px;
  padding: 15px;
  text-align: center;
  font-size: 12px;
}

.layui-laydate-range {
  width: 546px;
}

.layui-laydate-range .laydate-main-list-0 .laydate-next-m, .layui-laydate-range .laydate-main-list-0 .laydate-next-y, .layui-laydate-range .laydate-main-list-1 .laydate-prev-m, .layui-laydate-range .laydate-main-list-1 .laydate-prev-y {
  display: none;
}

.layui-laydate-range .laydate-main-list-1 .layui-laydate-content {
  border-left: 1px solid #dee5e7;
}

.layui-laydate, .layui-laydate-hint {
  border: 1px solid #dee5e7;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}

.layui-laydate-header {
  border-bottom: 1px solid #dee5e7;
}

.layui-laydate-header i:hover, .layui-laydate-header span:hover {
  color: #23b7e5;
}

.layui-laydate-content {
  border-top: none 0;
  border-bottom: none 0;
}

.layui-laydate-content th {
  font-weight: normal;
  color: #999999;
}

.layui-laydate-content td.laydate-selected {
  background-color: #bde9f7;
}

.laydate-selected:hover {
  color: #ffffff;
  background-color: #5ac9ec !important;
}

.layui-laydate-content td:hover, .layui-laydate-list li:hover {
  background-color: #edf1f2;
}

.laydate-time-list li ol {
  margin: 0;
  padding: 0;
  border: 1px solid #dee5e7;
  border-left-width: 0;
}

.laydate-time-list li:first-child ol {
  border-left-width: 1px;
}

.laydate-time-list > li:hover {
  background: 0 0;
}

.layui-laydate-content .laydate-day-next, .layui-laydate-content .laydate-day-prev {
  color: #C5C5CA;
}

.laydate-selected.laydate-day-next, .laydate-selected.laydate-day-prev {
  background-color: #ffffff !important;
}

.layui-laydate-footer {
  border-top: 1px solid #dee5e7;
}

.layui-laydate-hint {
  color: #E67E22;
}

.laydate-day-mark::after {
  background-color: #23b7e5;
}

.layui-laydate-content td.layui-this .laydate-day-mark::after {
  display: none;
}

.layui-laydate-footer span[lay-type=date] {
  color: #23b7e5;
}

.layui-laydate .layui-this {
  background-color: #23b7e5 !important;
  color: #ffffff !important;
}

.layui-laydate .laydate-disabled, .layui-laydate .laydate-disabled:hover {
  cursor: not-allowed !important;
  color: #aaaaaa !important;
  border-color: #C5C5CA !important;
  background-color: #edf1f2 !important;
}

.laydate-theme-molv {
  border: none;
}

.laydate-theme-molv.layui-laydate-range {
  width: 548px;
}

.laydate-theme-molv .layui-laydate-main {
  width: 274px;
}

.laydate-theme-molv .layui-laydate-header {
  border: none;
  background-color: #23b7e5;
}

.laydate-theme-molv .layui-laydate-header i, .laydate-theme-molv .layui-laydate-header span {
  color: #C5C5CA;
}

.laydate-theme-molv .layui-laydate-header i:hover, .laydate-theme-molv .layui-laydate-header span:hover {
  color: #ffffff;
}

.laydate-theme-molv .layui-laydate-content {
  border: 1px solid #dee5e7;
  border-top: none;
  border-bottom: none;
}

.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content {
  border-left: none;
}

.laydate-theme-grid .laydate-month-list > li, .laydate-theme-grid .laydate-year-list > li, .laydate-theme-grid .layui-laydate-content td, .laydate-theme-grid .layui-laydate-content thead, .laydate-theme-molv .layui-laydate-footer {
  border: 1px solid #dee5e7;
}

.laydate-theme-grid .laydate-selected, .laydate-theme-grid .laydate-selected:hover {
  background-color: #C5C5CA !important;
  color: #23b7e5 !important;
}

.laydate-theme-grid .laydate-selected.laydate-day-next, .laydate-theme-grid .laydate-selected.laydate-day-prev {
  color: #edf1f2 !important;
}

.laydate-theme-grid .laydate-month-list, .laydate-theme-grid .laydate-year-list {
  margin: 1px 0 0 1px;
}

.laydate-theme-grid .laydate-month-list > li, .laydate-theme-grid .laydate-year-list > li {
  margin: 0 -1px -1px 0;
}

.laydate-theme-grid .laydate-year-list > li {
  height: 43px;
  line-height: 43px;
}

.laydate-theme-grid .laydate-month-list > li {
  height: 71px;
  line-height: 71px;
}

/*
 * Editor.md
 *
 * @file        editormd.css
 * @version     v1.5.0
 * @description Open source online markdown editor.
 * @license     MIT License
 * @author      Pandao
 * {@link       https://github.com/pandao/editor.md}
 * @updateTime  2015-06-09
 */
/*! prefixes.scss v0.1.0 | Author: Pandao | https://github.com/pandao/prefixes.scss | MIT license | Copyright (c) 2015 */
.card-editormd {
  padding: 0;
}

.card-editormd .editormd {
  border: none;
}

.editormd {
  width: 100%;
  height: 640px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
  font-family: "Meiryo UI", "Microsoft YaHei", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
}

.editormd *,
.editormd *:after,
.editormd *:before {
  box-sizing: border-box;
}

.editormd a {
  text-decoration: none;
}

.editormd img {
  border: none;
  vertical-align: middle;
}

.editormd .editormd-html-textarea,
.editormd .editormd-markdown-textarea,
.editormd > textarea {
  width: 0;
  height: 0;
  outline: 0;
  resize: none;
}

.editormd .editormd-html-textarea,
.editormd .editormd-markdown-textarea {
  display: none;
}

.editormd input[type="text"],
.editormd input[type="button"],
.editormd input[type="submit"],
.editormd select,
.editormd textarea,
.editormd button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

.editormd ::-webkit-scrollbar {
  height: 10px;
  width: 7px;
  background: rgba(0, 0, 0, 0.1);
}

.editormd ::-webkit-scrollbar:hover {
  background: rgba(0, 0, 0, 0.2);
}

.editormd ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}

.editormd ::-webkit-scrollbar-thumb:hover {
  /* Webkit browsers */
  /* Firefox */
  -ms-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  /* IE9 */
  -o-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  /* Opera(Old) */
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  /* IE9+, News */
  background-color: rgba(0, 0, 0, 0.4);
}

.editormd-user-unselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.editormd-toolbar {
  width: 100%;
  min-height: 37px;
  background: #fff;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  border-bottom: 1px solid #edf1f2;
}

.editormd-toolbar-container {
  padding: 0 8px;
  min-height: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.editormd-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.editormd-menu > li {
  margin: 0;
  padding: 5px 1px;
  display: inline-block;
  position: relative;
}

.editormd-menu > li.divider {
  display: inline-block;
  text-indent: -9999px;
  margin: 0 5px;
  height: 65%;
  border-right: 1px solid #edf1f2;
}

.editormd-menu > li > a {
  outline: 0;
  color: #666;
  display: inline-block;
  min-width: 24px;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #fff;
  /* Safari, Chrome */
  /* Firefox 4.0~16.0 */
  transition: all 300ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}

.editormd-menu > li > a.active,
.editormd-menu > li > a:hover {
  border: 1px solid #ddd;
  background: #eee;
}

.editormd-menu > li > a > .fa {
  text-align: center;
  display: block;
  padding: 5px;
}

.editormd-menu > li > a > .fa[name="lowercase"] {
  margin-top: 0 !important;
}

.editormd-menu > li > a > .editormd-bold {
  padding: 5px 2px;
  display: inline-block;
  font-weight: bold;
}

.editormd-menu > li:hover .editormd-dropdown-menu {
  display: block;
}

.editormd-menu > li + li > a {
  margin-left: 3px;
}

.editormd-dropdown-menu {
  display: none;
  background: #fff;
  border: 1px solid #ddd;
  width: 148px;
  list-style: none;
  position: absolute;
  top: 33px;
  left: 0;
  z-index: 100;
  /* Webkit browsers */
  /* Firefox */
  -ms-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
  /* IE9 */
  -o-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
  /* Opera(Old) */
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
  /* IE9+, News */
}

.editormd-dropdown-menu:after,
.editormd-dropdown-menu:before {
  width: 0;
  height: 0;
  display: block;
  content: "";
  position: absolute;
  top: -11px;
  left: 8px;
  border: 5px solid transparent;
}

.editormd-dropdown-menu:before {
  border-bottom-color: #ccc;
}

.editormd-dropdown-menu:after {
  border-bottom-color: #ffffff;
  top: -10px;
}

.editormd-dropdown-menu > li > a {
  color: #666;
  display: block;
  text-decoration: none;
  padding: 8px 10px;
}

.editormd-dropdown-menu > li > a:hover {
  background: #f6f6f6;
  /* Safari, Chrome */
  /* Firefox 4.0~16.0 */
  transition: all 300ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}

.editormd-dropdown-menu > li + li {
  border-top: 1px solid #ddd;
}

.editormd-container {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 35px 0 0;
  position: relative;
  background: #fff;
  box-sizing: border-box;
}

.editormd-dialog {
  color: #666;
  position: fixed;
  z-index: 99999;
  display: none;
  border-radius: 4px;
  /* Opera(Old) */
  box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.05), 0 0 15px rgba(0, 0, 0, 0.075);
  /* IE9+, News */
  background: #fff;
  border: 1px solid #dee5e7;
  font-size: 14px;
}

.editormd-dialog-container {
  position: relative;
  padding: 20px;
  line-height: 1.4;
}

.editormd-dialog-container h1 {
  font-size: 24px;
  margin-bottom: 10px;
}

.editormd-dialog-container h1 .fa {
  color: #2C7EEA;
  padding-right: 5px;
}

.editormd-dialog-container h1 small {
  padding-left: 5px;
  font-weight: normal;
  font-size: 12px;
  color: #999;
}

.editormd-dialog-container select {
  color: #999;
  padding: 3px 8px;
  border: 1px solid #ddd;
}

.editormd-dialog-close {
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 18px;
  color: #ccc;
  /* Safari, Chrome */
  /* Firefox 4.0~16.0 */
  transition: color 300ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}

.editormd-dialog-close:hover {
  color: #999;
}

.editormd-dialog-header {
  padding: 11px 20px;
  border-bottom: 1px solid #eee;
  /* Safari, Chrome */
  /* Firefox 4.0~16.0 */
  transition: background 300ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}

.editormd-dialog-header:hover {
  background: #f6f6f6;
}

.editormd-dialog-title {
  font-size: 14px;
}

.editormd-dialog-footer {
  padding: 10px 0 0;
  text-align: right;
}

.editormd-dialog-info {
  width: 420px;
}

.editormd-dialog-info h1 {
  font-weight: normal;
}

.editormd-dialog-info .editormd-dialog-container {
  padding: 20px 25px 25px;
}

.editormd-dialog-info .editormd-dialog-close {
  top: 10px;
  right: 10px;
}

.editormd-dialog-info .hover-link:hover,
.editormd-dialog-info p > a {
  color: #2196F3;
}

.editormd-dialog-info .hover-link {
  color: #666;
}

.editormd-dialog-info a .fa-external-link {
  display: none;
}

.editormd-dialog-info a:hover {
  color: #2196F3;
}

.editormd-dialog-info a:hover .fa-external-link {
  display: inline-block;
}

.editormd-container-mask,
.editormd-dialog-mask,
.editormd-mask {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.editormd-dialog-mask-bg,
.editormd-mask {
  background: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.editormd-mask {
  position: fixed;
  background: #000;
  opacity: 0 !important;
  /* W3C */
  filter: alpha(opacity=0);
  /* IE */
  z-index: 99998;
}

.editormd-container-mask,
.editormd-dialog-mask-con {
  position: relative;
}

.editormd-container-mask::before,
.editormd-dialog-mask-con::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-top: -32px;
  margin-left: -32px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: 32px;
  background-repeat: no-repeat;
  -webkit-animation: spin 1s steps(12, end) infinite;
  animation: spin 1s steps(12, end) infinite;
}

.editormd-container-mask {
  z-index: 20;
  display: block;
  background-color: #fff;
}

.editormd-code-block-dialog textarea,
.editormd-preformatted-text-dialog textarea {
  width: 100%;
  height: 400px;
  margin-bottom: 6px;
  overflow: auto;
  border: 1px solid #eee;
  background: #fff;
  padding: 15px;
  resize: none;
}

.editormd-code-toolbar {
  color: #999;
  font-size: 14px;
  margin: -5px 0 10px;
}

.editormd-grid-table {
  width: 99%;
  display: table;
  border: 1px solid #ddd;
  border-collapse: collapse;
}

.editormd-grid-table-row {
  width: 100%;
  display: table-row;
}

.editormd-grid-table-row a {
  font-size: 1.4em;
  width: 5%;
  height: 36px;
  color: #999;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #ddd;
  text-decoration: none;
  /* Safari, Chrome */
  /* Firefox 4.0~16.0 */
  transition: background-color 300ms ease-out, color 100ms ease-in;
  /* IE >9, FF >15, Opera >12.0 */
}

.editormd-grid-table-row a.selected {
  color: #666;
  background-color: #eee;
}

.editormd-grid-table-row a:hover {
  color: #777;
  background-color: #f6f6f6;
}

.editormd-tab-head {
  list-style: none;
  border-bottom: 1px solid #ddd;
}

.editormd-tab-head li {
  display: inline-block;
}

.editormd-tab-head li a {
  color: #999;
  display: block;
  padding: 6px 12px 5px;
  text-align: center;
  text-decoration: none;
  margin-bottom: -1px;
  border: 1px solid #ddd;
  -moz-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  background: #f6f6f6;
  /* Safari, Chrome */
  /* Firefox 4.0~16.0 */
  transition: all 300ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}

.editormd-tab-head li a:hover {
  color: #666;
  background: #eee;
}

.editormd-tab-head li.active a {
  color: #666;
  background: #fff;
  border-bottom-color: #fff;
}

.editormd-tab-head li + li {
  margin-left: 3px;
}

.editormd-tab-box {
  padding: 20px 0;
}

.editormd-form {
  color: #666;
}

.editormd-form label {
  float: left;
  display: block;
  width: 75px;
  text-align: left;
  padding: 7px 0 15px 5px;
  margin: 0 0 2px;
  font-weight: normal;
}

.editormd-form br {
  clear: both;
}

.editormd-form iframe {
  display: none;
}

.editormd-form input:focus {
  outline: 0;
}

.editormd-form input[type="text"],
.editormd-form input[type="number"] {
  color: #999999;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #dee5e7;
}

.editormd-form input[type="text"]:focus,
.editormd-form input[type="number"]:focus {
  border-color: #23b7e5;
  box-shadow: 0 0 15px rgba(35, 183, 229, 0.5);
}

.editormd-form input[type="number"] {
  width: 40px;
  display: inline-block;
  padding: 6px 8px;
}

.editormd-form input[type="text"] {
  display: inline-block;
  width: 263px;
}

.editormd-form .fa-btns {
  display: inline-block;
}

.editormd-form .fa-btns a {
  color: #999;
  padding: 7px 10px 0 0;
  display: inline-block;
  text-decoration: none;
  text-align: center;
}

.editormd-form .fa-btns .fa {
  font-size: 1.3em;
}

.editormd-form .fa-btns label {
  float: none;
  display: inline-block;
  width: auto;
  text-align: left;
  padding: 0 0 0 5px;
  cursor: pointer;
}

.editormd-form input[type="submit"],
.editormd-form .editormd-btn,
.editormd-form button,
.editormd-dialog-container input[type="submit"],
.editormd-dialog-container .editormd-btn,
.editormd-dialog-container button,
.editormd-dialog-footer input[type="submit"],
.editormd-dialog-footer .editormd-btn,
.editormd-dialog-footer button {
  cursor: pointer;
  padding: 9px 15px;
  color: #ffffff;
  background-color: #23b7e5;
  border-radius: 4px;
  transition: all .3s;
  background: -webkit-radial-gradient(bottom right, circle, #51c6ea, #23b7e5);
  box-shadow: 0 2px 2px 0 rgba(35, 183, 229, 0.14), 0 3px 1px -2px rgba(35, 183, 229, 0.2), 0 1px 5px 0 rgba(35, 183, 229, 0.12);
}

.editormd-form input[type="submit"]:hover,
.editormd-form .editormd-btn:hover,
.editormd-form button:hover,
.editormd-dialog-container input[type="submit"]:hover,
.editormd-dialog-container .editormd-btn:hover,
.editormd-dialog-container button:hover,
.editormd-dialog-footer input[type="submit"]:hover,
.editormd-dialog-footer .editormd-btn:hover,
.editormd-dialog-footer button:hover {
  box-shadow: 0 14px 26px -12px rgba(35, 183, 229, 0.42), 0 4px 23px 0 rgba(35, 183, 229, 0.12), 0 8px 10px -5px rgba(35, 183, 229, 0.2);
}

.editormd-dialog-container .editormd-btn,
.editormd-dialog-footer .editormd-btn,
.editormd-form .editormd-btn {
  padding: 5px 8px 4px\0;
}

.editormd-dialog-container .editormd-btn + .editormd-btn,
.editormd-dialog-footer .editormd-btn + .editormd-btn,
.editormd-form .editormd-btn + .editormd-btn {
  margin-left: 8px;
}

.editormd-file-input {
  width: 75px;
  height: 32px;
  margin-left: 8px;
  position: relative;
  display: inline-block;
}

.editormd-file-input input[type="file"] {
  width: 75px;
  height: 32px;
  opacity: 0;
  cursor: pointer;
  background: #000;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.editormd-file-input input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}

.editormd-file-input:hover input[type="submit"] {
  background: #eee;
}

.editormd-btn.editormd-cancel-btn {
  color: #999999;
  box-shadow: none;
  background: transparent;
}

.editormd-btn.editormd-cancel-btn:hover {
  color: #23b7e5;
  box-shadow: none;
  background-color: #f0f3f4;
}

.editormd .CodeMirror,
.editormd-preview {
  display: inline-block;
  width: 50%;
  height: 100%;
  vertical-align: top;
  box-sizing: border-box;
  margin: 0;
}

.editormd-preview {
  position: absolute;
  top: 35px;
  right: 0;
  right: -1px\0;
  overflow: auto;
  line-height: 1.6;
  display: none;
  background: #fff;
}

.editormd .CodeMirror {
  z-index: 10;
  float: left;
  border-right: 1px solid #ddd;
  font-size: 14px;
  font-family: "YaHei Consolas Hybrid", Consolas, "微软雅黑", "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, "Monaco", courier, monospace;
  line-height: 1.6;
  margin-top: 35px;
}

.editormd .CodeMirror pre {
  font-size: 14px;
  padding: 0 12px;
}

.editormd .CodeMirror-linenumbers {
  padding: 0 5px;
}

.editormd .CodeMirror-selected {
  background: #70B7FF;
}

.editormd .CodeMirror-focused .CodeMirror-selected {
  background: #70B7FF;
}

.editormd .CodeMirror,
.editormd .CodeMirror-scroll,
.editormd .editormd-preview {
  -webkit-overflow-scrolling: touch;
}

.editormd .styled-background {
  background-color: #ff7;
}

.editormd .CodeMirror-focused .cm-matchhighlight {
  background-image: url("");
  background-position: bottom;
  background-repeat: repeat-x;
}

.editormd .CodeMirror-empty.CodeMirror-focused {
  outline: none;
}

.editormd .CodeMirror pre.CodeMirror-placeholder {
  color: #999;
}

.editormd .cm-trailingspace {
  background-image: url("");
  background-position: bottom left;
  background-repeat: repeat-x;
}

.editormd .cm-tab {
  background: url("");
  background-position: right;
  background-repeat: no-repeat;
}

/*! prefixes.scss v0.1.0 | Author: Pandao | https://github.com/pandao/prefixes.scss | MIT license | Copyright (c) 2015 */
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../js/editormd/fonts/fontawesome-webfont.eot");
  src: url("../js/editormd/fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../js/editormd/fonts/fontawesome-webfont.woff2") format("woff2"), url("../js/editormd/fonts/fontawesome-webfont.woff") format("woff"), url("../js/editormd/fonts/fontawesome-webfont.ttf") format("truetype"), url("../js/editormd/fonts/fontawesome-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome !important;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
  -webkit-filter: none;
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-cog:before,
.fa-gear:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-repeat:before,
.fa-rotate-right:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-exclamation-triangle:before,
.fa-warning:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-cogs:before,
.fa-gears:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-floppy-o:before,
.fa-save:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-sort:before,
.fa-unsorted:before {
  content: "\f0dc";
}

.fa-sort-desc:before,
.fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-asc:before,
.fa-sort-up:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-gavel:before,
.fa-legal:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-bolt:before,
.fa-flash:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-clipboard:before,
.fa-paste:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-chain-broken:before,
.fa-unlink:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
  content: "\f150";
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
  content: "\f151";
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
  content: "\f152";
}

.fa-eur:before,
.fa-euro:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-inr:before,
.fa-rupee:before {
  content: "\f156";
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
  content: "\f157";
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
  content: "\f158";
}

.fa-krw:before,
.fa-won:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-try:before,
.fa-turkish-lira:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
  content: "\f19c";
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
  content: "\f1c5";
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
  content: "\f1c6";
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-empire:before,
.fa-ge:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-paper-plane:before,
.fa-send:before {
  content: "\f1d8";
}

.fa-paper-plane-o:before,
.fa-send-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before,
.fa-genderless:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-bed:before,
.fa-hotel:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

/*! prefixes.scss v0.1.0 | Author: Pandao | https://github.com/pandao/prefixes.scss | MIT license | Copyright (c) 2015 */
@font-face {
  font-family: 'editormd-logo';
  src: url("../fonts/editormd-logo.eot?-5y8q6h");
  src: url(".../fonts/editormd-logo.eot?#iefix-5y8q6h") format("embedded-opentype"), url("../fonts/editormd-logo.woff?-5y8q6h") format("woff"), url("../fonts/editormd-logo.ttf?-5y8q6h") format("truetype"), url("../fonts/editormd-logo.svg?-5y8q6h#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.editormd-logo,
.editormd-logo-1x,
.editormd-logo-2x,
.editormd-logo-3x,
.editormd-logo-4x,
.editormd-logo-5x,
.editormd-logo-6x,
.editormd-logo-7x,
.editormd-logo-8x {
  font-family: 'editormd-logo';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: inherit;
  line-height: 1;
  display: inline-block;
  text-rendering: auto;
  vertical-align: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.editormd-logo-1x:before,
.editormd-logo-2x:before,
.editormd-logo-3x:before,
.editormd-logo-4x:before,
.editormd-logo-5x:before,
.editormd-logo-6x:before,
.editormd-logo-7x:before,
.editormd-logo-8x:before,
.editormd-logo:before {
  content: "\e1987";
  /*
  HTML Entity &#xe1987;
  example: <span class="editormd-logo">&#xe1987;</span>
  */
}

.editormd-logo-1x {
  font-size: 1em;
}

.editormd-logo-lg {
  font-size: 1.2em;
}

.editormd-logo-2x {
  font-size: 2em;
}

.editormd-logo-3x {
  font-size: 3em;
}

.editormd-logo-4x {
  font-size: 4em;
}

.editormd-logo-5x {
  font-size: 5em;
}

.editormd-logo-6x {
  font-size: 6em;
}

.editormd-logo-7x {
  font-size: 7em;
}

.editormd-logo-8x {
  font-size: 8em;
}

.editormd-logo-color {
  color: #2196F3;
}

/*! github-markdown-css | The MIT License (MIT) | Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (sindresorhus.com) | https://github.com/sindresorhus/github-markdown-css */
@font-face {
  font-family: octicons-anchor;
  src: url("data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAYcAA0AAAAACjQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABwAAAAca8vGTk9TLzIAAAFMAAAARAAAAFZG1VHVY21hcAAAAZAAAAA+AAABQgAP9AdjdnQgAAAB0AAAAAQAAAAEACICiGdhc3AAAAHUAAAACAAAAAj//wADZ2x5ZgAAAdwAAADRAAABEKyikaNoZWFkAAACsAAAAC0AAAA2AtXoA2hoZWEAAALgAAAAHAAAACQHngNFaG10eAAAAvwAAAAQAAAAEAwAACJsb2NhAAADDAAAAAoAAAAKALIAVG1heHAAAAMYAAAAHwAAACABEAB2bmFtZQAAAzgAAALBAAAFu3I9x/Nwb3N0AAAF/AAAAB0AAAAvaoFvbwAAAAEAAAAAzBdyYwAAAADP2IQvAAAAAM/bz7t4nGNgZGFgnMDAysDB1Ml0hoGBoR9CM75mMGLkYGBgYmBlZsAKAtJcUxgcPsR8iGF2+O/AEMPsznAYKMwIkgMA5REMOXicY2BgYGaAYBkGRgYQsAHyGMF8FgYFIM0ChED+h5j//yEk/3KoSgZGNgYYk4GRCUgwMaACRoZhDwCs7QgGAAAAIgKIAAAAAf//AAJ4nHWMMQrCQBBF/0zWrCCIKUQsTDCL2EXMohYGSSmorScInsRGL2DOYJe0Ntp7BK+gJ1BxF1stZvjz/v8DRghQzEc4kIgKwiAppcA9LtzKLSkdNhKFY3HF4lK69ExKslx7Xa+vPRVS43G98vG1DnkDMIBUgFN0MDXflU8tbaZOUkXUH0+U27RoRpOIyCKjbMCVejwypzJJG4jIwb43rfl6wbwanocrJm9XFYfskuVC5K/TPyczNU7b84CXcbxks1Un6H6tLH9vf2LRnn8Ax7A5WQAAAHicY2BkYGAA4teL1+yI57f5ysDNwgAC529f0kOmWRiYVgEpDgYmEA8AUzEKsQAAAHicY2BkYGB2+O/AEMPCAAJAkpEBFbAAADgKAe0EAAAiAAAAAAQAAAAEAAAAAAAAKgAqACoAiAAAeJxjYGRgYGBhsGFgYgABEMkFhAwM/xn0QAIAD6YBhwB4nI1Ty07cMBS9QwKlQapQW3VXySvEqDCZGbGaHULiIQ1FKgjWMxknMfLEke2A+IJu+wntrt/QbVf9gG75jK577Lg8K1qQPCfnnnt8fX1NRC/pmjrk/zprC+8D7tBy9DHgBXoWfQ44Av8t4Bj4Z8CLtBL9CniJluPXASf0Lm4CXqFX8Q84dOLnMB17N4c7tBo1AS/Qi+hTwBH4rwHHwN8DXqQ30XXAS7QaLwSc0Gn8NuAVWou/gFmnjLrEaEh9GmDdDGgL3B4JsrRPDU2hTOiMSuJUIdKQQayiAth69r6akSSFqIJuA19TrzCIaY8sIoxyrNIrL//pw7A2iMygkX5vDj+G+kuoLdX4GlGK/8Lnlz6/h9MpmoO9rafrz7ILXEHHaAx95s9lsI7AHNMBWEZHULnfAXwG9/ZqdzLI08iuwRloXE8kfhXYAvE23+23DU3t626rbs8/8adv+9DWknsHp3E17oCf+Z48rvEQNZ78paYM38qfk3v/u3l3u3GXN2Dmvmvpf1Srwk3pB/VSsp512bA/GG5i2WJ7wu430yQ5K3nFGiOqgtmSB5pJVSizwaacmUZzZhXLlZTq8qGGFY2YcSkqbth6aW1tRmlaCFs2016m5qn36SbJrqosG4uMV4aP2PHBmB3tjtmgN2izkGQyLWprekbIntJFing32a5rKWCN/SdSoga45EJykyQ7asZvHQ8PTm6cslIpwyeyjbVltNikc2HTR7YKh9LBl9DADC0U/jLcBZDKrMhUBfQBvXRzLtFtjU9eNHKin0x5InTqb8lNpfKv1s1xHzTXRqgKzek/mb7nB8RZTCDhGEX3kK/8Q75AmUM/eLkfA+0Hi908Kx4eNsMgudg5GLdRD7a84npi+YxNr5i5KIbW5izXas7cHXIMAau1OueZhfj+cOcP3P8MNIWLyYOBuxL6DRylJ4cAAAB4nGNgYoAALjDJyIAOWMCiTIxMLDmZedkABtIBygAAAA==") format("woff");
}

.markdown-body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  color: #333;
  overflow: hidden;
  font-family: "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  word-wrap: break-word;
}

.markdown-body a {
  background: transparent;
}

.markdown-body a:active,
.markdown-body a:hover {
  outline: 0;
}

.markdown-body strong {
  font-weight: bold;
}

.markdown-body h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

.markdown-body img {
  border: 0;
}

.markdown-body hr {
  box-sizing: content-box;
  height: 0;
}

.markdown-body pre {
  overflow: auto;
}

.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
  font-family: "Meiryo UI", "YaHei Consolas Hybrid", Consolas, "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, monospace, monospace;
  font-size: 1em;
}

.markdown-body input {
  color: inherit;
  font: inherit;
  margin: 0;
}

.markdown-body html input[disabled] {
  cursor: default;
}

.markdown-body input {
  line-height: normal;
}

.markdown-body input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

.markdown-body table {
  border-collapse: collapse;
  border-spacing: 0;
}

.markdown-body td,
.markdown-body th {
  padding: 0;
}

.markdown-body * {
  box-sizing: border-box;
}

.markdown-body input {
  font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}

.markdown-body a {
  color: #4183c4;
  text-decoration: none;
}

.markdown-body a:active,
.markdown-body a:hover {
  text-decoration: underline;
}

.markdown-body hr {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #ddd;
}

.markdown-body hr:before {
  display: table;
  content: "";
}

.markdown-body hr:after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.1;
}

.markdown-body h1 {
  font-size: 30px;
}

.markdown-body h2 {
  font-size: 21px;
}

.markdown-body h3 {
  font-size: 16px;
}

.markdown-body h4 {
  font-size: 14px;
}

.markdown-body h5 {
  font-size: 12px;
}

.markdown-body h6 {
  font-size: 11px;
}

.markdown-body blockquote {
  margin: 0;
}

.markdown-body ol,
.markdown-body ul {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body ol ol,
.markdown-body ul ol {
  list-style-type: lower-roman;
}

.markdown-body ol ol ol,
.markdown-body ol ul ol,
.markdown-body ul ol ol,
.markdown-body ul ul ol {
  list-style-type: lower-alpha;
}

.markdown-body dd {
  margin-left: 0;
}

.markdown-body code {
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 12px;
}

.markdown-body pre {
  margin-top: 0;
  margin-bottom: 0;
  font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.markdown-body .octicon {
  font: normal normal 16px octicons-anchor;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.markdown-body .octicon-link:before {
  content: '\f05c';
}

.markdown-body > *:first-child {
  margin-top: 0 !important;
}

.markdown-body > *:last-child {
  margin-bottom: 0 !important;
}

.markdown-body .anchor {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding-right: 6px;
  padding-left: 30px;
  margin-left: -30px;
}

.markdown-body .anchor:focus {
  outline: none;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  position: relative;
  margin-top: 1em;
  margin-bottom: 16px;
  font-weight: bold;
  line-height: 1.4;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  display: none;
  color: #000;
  vertical-align: middle;
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  padding-left: 8px;
  margin-left: -30px;
  text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  display: inline-block;
}

.markdown-body h1 {
  padding-bottom: 0.3em;
  font-size: 2.25em;
  line-height: 1.2;
  border-bottom: 1px solid #eee;
}

.markdown-body h1 .anchor {
  line-height: 1;
}

.markdown-body h2 {
  padding-bottom: 0.3em;
  font-size: 1.75em;
  line-height: 1.225;
  border-bottom: 1px solid #eee;
}

.markdown-body h2 .anchor {
  line-height: 1;
}

.markdown-body h3 {
  font-size: 1.5em;
  line-height: 1.43;
}

.markdown-body h3 .anchor {
  line-height: 1.2;
}

.markdown-body h4 {
  font-size: 1.25em;
}

.markdown-body h4 .anchor {
  line-height: 1.2;
}

.markdown-body h5 {
  font-size: 1em;
}

.markdown-body h5 .anchor {
  line-height: 1.1;
}

.markdown-body h6 {
  font-size: 1em;
  color: #777;
}

.markdown-body h6 .anchor {
  line-height: 1.1;
}

.markdown-body blockquote,
.markdown-body dl,
.markdown-body ol,
.markdown-body p,
.markdown-body pre,
.markdown-body table,
.markdown-body ul {
  margin-top: 0;
  margin-bottom: 16px;
}

/*
.markdown-body hr {
  height: 4px;
  padding: 0;
  margin: 16px 0;
  background-color: #e7e7e7;
  border: 0 none;
}*/
.markdown-body ol,
.markdown-body ul {
  padding-left: 2em;
}

.markdown-body ol ol,
.markdown-body ol ul,
.markdown-body ul ol,
.markdown-body ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body li > p {
  margin-top: 16px;
}

.markdown-body dl {
  padding: 0;
}

.markdown-body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: bold;
}

.markdown-body dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}

.markdown-body blockquote {
  padding: 0 15px;
  color: #777;
  border-left: 4px solid #ddd;
}

.markdown-body blockquote > :first-child {
  margin-top: 0;
}

.markdown-body blockquote > :last-child {
  margin-bottom: 0;
}

.markdown-body table {
  display: block;
  width: 100%;
  overflow: auto;
  word-break: normal;
  word-break: keep-all;
}

.markdown-body table th {
  font-weight: bold;
}

.markdown-body table td,
.markdown-body table th {
  padding: 6px 13px;
  border: 1px solid #ddd;
}

.markdown-body table tr {
  background-color: #fff;
  border-top: 1px solid #ccc;
}

.markdown-body table tr:nth-child(2n) {
  background-color: #f8f8f8;
}

.markdown-body img {
  max-width: 100%;
  box-sizing: border-box;
}

.markdown-body code {
  padding: 0.2em 0;
  margin: 0;
  font-size: 85%;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 3px;
}

.markdown-body code:after,
.markdown-body code:before {
  letter-spacing: -0.2em;
  content: "\00a0";
}

.markdown-body pre > code {
  padding: 0;
  margin: 0;
  font-size: 100%;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}

.markdown-body .highlight {
  margin-bottom: 16px;
}

.markdown-body .highlight pre,
.markdown-body pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f7f7f7;
  border-radius: 3px;
}

.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}

.markdown-body pre {
  word-wrap: normal;
}

.markdown-body pre code {
  display: inline;
  max-width: initial;
  padding: 0;
  margin: 0;
  overflow: initial;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}

.markdown-body pre code:after,
.markdown-body pre code:before {
  content: normal;
}

.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 10px;
  color: #555;
  vertical-align: middle;
  background-color: #fcfcfc;
  border: solid 1px #ccc;
  border-bottom-color: #bbb;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #bbb;
}

.markdown-body .pl-c {
  color: #969896;
}

.markdown-body .pl-c1,
.markdown-body .pl-mdh,
.markdown-body .pl-mm,
.markdown-body .pl-mp,
.markdown-body .pl-mr,
.markdown-body .pl-s1 .pl-v,
.markdown-body .pl-s3,
.markdown-body .pl-sc,
.markdown-body .pl-sv {
  color: #0086b3;
}

.markdown-body .pl-e,
.markdown-body .pl-en {
  color: #795da3;
}

.markdown-body .pl-s1 .pl-s2,
.markdown-body .pl-smi,
.markdown-body .pl-smp,
.markdown-body .pl-stj,
.markdown-body .pl-vo,
.markdown-body .pl-vpf {
  color: #333;
}

.markdown-body .pl-ent {
  color: #63a35c;
}

.markdown-body .pl-k,
.markdown-body .pl-s,
.markdown-body .pl-st {
  color: #a71d5d;
}

.markdown-body .pl-pds,
.markdown-body .pl-s1,
.markdown-body .pl-s1 .pl-pse .pl-s2,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sra,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-src {
  color: #df5000;
}

.markdown-body .pl-mo,
.markdown-body .pl-v {
  color: #1d3e81;
}

.markdown-body .pl-id {
  color: #b52a1d;
}

.markdown-body .pl-ii {
  background-color: #b52a1d;
  color: #f8f8f8;
}

.markdown-body .pl-sr .pl-cce {
  color: #63a35c;
  font-weight: bold;
}

.markdown-body .pl-ml {
  color: #693a17;
}

.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
  color: #1d3e81;
  font-weight: bold;
}

.markdown-body .pl-mq {
  color: #008080;
}

.markdown-body .pl-mi {
  color: #333;
  font-style: italic;
}

.markdown-body .pl-mb {
  color: #333;
  font-weight: bold;
}

.markdown-body .pl-md,
.markdown-body .pl-mdhf {
  background-color: #ffecec;
  color: #bd2c00;
}

.markdown-body .pl-mdht,
.markdown-body .pl-mi1 {
  background-color: #eaffea;
  color: #55a532;
}

.markdown-body .pl-mdr {
  color: #795da3;
  font-weight: bold;
}

.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
  line-height: 10px;
  color: #555;
  vertical-align: middle;
  background-color: #fcfcfc;
  border: solid 1px #ccc;
  border-bottom-color: #bbb;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #bbb;
}

.markdown-body .task-list-item {
  list-style-type: none;
}

.markdown-body .task-list-item + .task-list-item {
  margin-top: 3px;
}

.markdown-body .task-list-item input {
  float: left;
  margin: 0.3em 0 0.25em -1.6em;
  vertical-align: middle;
}

.markdown-body :checked + .radio-label {
  z-index: 1;
  position: relative;
  border-color: #4183c4;
}

.editormd-html-preview,
.editormd-preview-container {
  text-align: left;
  font-size: 14px;
  line-height: 1.6;
  padding: 20px;
  overflow: auto;
  width: 100%;
  background-color: #fff;
}

.editormd-html-preview blockquote,
.editormd-preview-container blockquote {
  color: #666;
  border-left: 4px solid #ddd;
  padding-left: 20px;
  margin-left: 0;
  font-size: 14px;
  font-style: italic;
}

.editormd-html-preview p code,
.editormd-preview-container p code {
  margin-left: 5px;
  margin-right: 4px;
}

.editormd-html-preview abbr,
.editormd-preview-container abbr {
  background: #ffffdd;
}

.editormd-html-preview hr,
.editormd-preview-container hr {
  height: 1px;
  border: none;
  border-top: 1px solid #ddd;
  background: none;
}

.editormd-html-preview code,
.editormd-preview-container code {
  border: 1px solid #ddd;
  background: #f6f6f6;
  padding: 3px;
  border-radius: 3px;
  font-size: 14px;
}

.editormd-html-preview pre,
.editormd-preview-container pre {
  border: 1px solid #ddd;
  background: #f6f6f6;
  padding: 10px;
  border-radius: 3px;
}

.editormd-html-preview pre code,
.editormd-preview-container pre code {
  padding: 0;
}

.editormd-html-preview code,
.editormd-html-preview kbd,
.editormd-html-preview pre,
.editormd-preview-container code,
.editormd-preview-container kbd,
.editormd-preview-container pre {
  font-family: "YaHei Consolas Hybrid", Consolas, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, monospace, monospace;
}

.editormd-html-preview table thead tr,
.editormd-preview-container table thead tr {
  background-color: #F8F8F8;
}

.editormd-html-preview p.editormd-tex,
.editormd-preview-container p.editormd-tex {
  text-align: center;
}

.editormd-html-preview span.editormd-tex,
.editormd-preview-container span.editormd-tex {
  margin: 0 5px;
}

.editormd-html-preview .emoji,
.editormd-preview-container .emoji {
  width: 24px;
  height: 24px;
}

.editormd-html-preview .katex,
.editormd-preview-container .katex {
  font-size: 1.4em;
}

.editormd-html-preview .flowchart,
.editormd-html-preview .sequence-diagram,
.editormd-preview-container .flowchart,
.editormd-preview-container .sequence-diagram {
  margin: 0 auto;
  text-align: center;
}

.editormd-html-preview .flowchart svg,
.editormd-html-preview .sequence-diagram svg,
.editormd-preview-container .flowchart svg,
.editormd-preview-container .sequence-diagram svg {
  margin: 0 auto;
}

.editormd-html-preview .flowchart text,
.editormd-html-preview .sequence-diagram text,
.editormd-preview-container .flowchart text,
.editormd-preview-container .sequence-diagram text {
  font-size: 15px !important;
  font-family: "YaHei Consolas Hybrid", Consolas, "Microsoft YaHei", "Malgun Gothic", "Segoe UI", Helvetica, Arial !important;
}

/*! Pretty printing styles. Used with prettify.js. */
/* SPAN elements with the classes below are added by prettyprint. */
.pln {
  color: #000;
}

/* plain text */
@media screen {
  .str {
    color: #080;
  }
  /* string content */
  .kwd {
    color: #008;
  }
  /* a keyword */
  .com {
    color: #800;
  }
  /* a comment */
  .typ {
    color: #606;
  }
  /* a type name */
  .lit {
    color: #066;
  }
  /* a literal value */
  /* punctuation, lisp open bracket, lisp close bracket */
  .clo,
  .opn,
  .pun {
    color: #660;
  }
  .tag {
    color: #008;
  }
  /* a markup tag name */
  .atn {
    color: #606;
  }
  /* a markup attribute name */
  .atv {
    color: #080;
  }
  /* a markup attribute value */
  .dec,
  .var {
    color: #606;
  }
  /* a declaration; a variable name */
  .fun {
    color: red;
  }
  /* a function name */
}

/* Use higher contrast and text-weight for printable form. */
@media print, projection {
  .str {
    color: #060;
  }
  .kwd {
    color: #006;
    font-weight: bold;
  }
  .com {
    color: #600;
    font-style: italic;
  }
  .typ {
    color: #404;
    font-weight: bold;
  }
  .lit {
    color: #044;
  }
  .clo,
  .opn,
  .pun {
    color: #440;
  }
  .tag {
    color: #006;
    font-weight: bold;
  }
  .atn {
    color: #404;
  }
  .atv {
    color: #060;
  }
}

/* Put a border around prettyprinted code snippets. */
pre.prettyprint {
  padding: 2px;
  border: 1px solid #888;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
}

/* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
  list-style-type: none;
}

/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
  background: #eee;
}

.editormd-html-preview pre.prettyprint,
.editormd-preview-container pre.prettyprint {
  padding: 10px;
  border: 1px solid #ddd;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.editormd-html-preview ol.linenums,
.editormd-preview-container ol.linenums {
  color: #999;
  padding-left: 2.5em;
}

.editormd-html-preview ol.linenums li,
.editormd-preview-container ol.linenums li {
  list-style-type: decimal;
}

.editormd-html-preview ol.linenums li code,
.editormd-preview-container ol.linenums li code {
  border: none;
  background: none;
  padding: 0;
}

.editormd-html-preview .editormd-toc-menu,
.editormd-preview-container .editormd-toc-menu {
  margin: 8px 0 12px;
  display: inline-block;
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc,
.editormd-preview-container .editormd-toc-menu > .markdown-toc {
  position: relative;
  border-radius: 4px;
  border: 1px solid #ddd;
  display: inline-block;
  font-size: 1em;
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc > ul,
.editormd-preview-container .editormd-toc-menu > .markdown-toc > ul {
  width: 160%;
  min-width: 180px;
  position: absolute;
  left: -1px;
  top: -2px;
  z-index: 100;
  padding: 0 10px 10px;
  display: none;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  /* Webkit browsers */
  /* Firefox */
  -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  /* IE9 */
  -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  /* Opera(Old) */
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  /* IE9+, News */
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc > ul > li ul,
.editormd-preview-container .editormd-toc-menu > .markdown-toc > ul > li ul {
  width: 100%;
  min-width: 180px;
  border: 1px solid #ddd;
  display: none;
  background: #fff;
  border-radius: 4px;
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc > ul > li a,
.editormd-preview-container .editormd-toc-menu > .markdown-toc > ul > li a {
  color: #666;
  padding: 6px 10px;
  display: block;
  /* Safari, Chrome */
  /* Firefox 4.0~16.0 */
  transition: background-color 500ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc > ul > li a:hover,
.editormd-preview-container .editormd-toc-menu > .markdown-toc > ul > li a:hover {
  background-color: #f6f6f6;
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc li,
.editormd-preview-container .editormd-toc-menu > .markdown-toc li {
  position: relative;
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul,
.editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul {
  position: absolute;
  top: 32px;
  left: 10%;
  display: none;
  /* Webkit browsers */
  /* Firefox */
  -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  /* IE9 */
  -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  /* Opera(Old) */
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  /* IE9+, News */
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul:after,
.editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul:before,
.editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul:after,
.editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul:before {
  pointer-events: pointer-events;
  position: absolute;
  left: 15px;
  top: -6px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-width: 0 6px 6px;
  z-index: 10;
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul:before,
.editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul:before {
  border-bottom-color: #ccc;
}

.editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul:after,
.editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul:after {
  border-bottom-color: #ffffff;
  top: -5px;
}

.editormd-html-preview .editormd-toc-menu ul,
.editormd-preview-container .editormd-toc-menu ul {
  list-style: none;
}

.editormd-html-preview .editormd-toc-menu a,
.editormd-preview-container .editormd-toc-menu a {
  text-decoration: none;
}

.editormd-html-preview .editormd-toc-menu h1,
.editormd-preview-container .editormd-toc-menu h1 {
  font-size: 16px;
  padding: 5px 0 10px 10px;
  line-height: 1;
  border-bottom: 1px solid #eee;
}

.editormd-html-preview .editormd-toc-menu h1 .fa,
.editormd-preview-container .editormd-toc-menu h1 .fa {
  padding-left: 10px;
}

.editormd-html-preview .editormd-toc-menu .toc-menu-btn,
.editormd-preview-container .editormd-toc-menu .toc-menu-btn {
  color: #666;
  min-width: 180px;
  padding: 5px 10px;
  border-radius: 4px;
  display: inline-block;
  /* Safari, Chrome */
  /* Firefox 4.0~16.0 */
  transition: background-color 500ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}

.editormd-html-preview .editormd-toc-menu .toc-menu-btn:hover,
.editormd-preview-container .editormd-toc-menu .toc-menu-btn:hover {
  background-color: #f6f6f6;
}

.editormd-html-preview .editormd-toc-menu .toc-menu-btn .fa,
.editormd-preview-container .editormd-toc-menu .toc-menu-btn .fa {
  float: right;
  padding: 3px 0 0 10px;
  font-size: 1.3em;
}

.markdown-body .editormd-toc-menu ul {
  padding-left: 0;
}

.markdown-body .highlight pre,
.markdown-body pre {
  line-height: 1.6;
}

hr.editormd-page-break {
  border: 1px dotted #ccc;
  font-size: 0;
  height: 2px;
}

@media only print {
  hr.editormd-page-break {
    background: none;
    border: none;
    height: 0;
  }
}

.editormd-html-preview textarea {
  display: none;
}

.editormd-html-preview hr.editormd-page-break {
  background: none;
  border: none;
  height: 0;
}

.editormd-preview-close-btn {
  color: #fff;
  padding: 4px 6px;
  font-size: 18px;
  border-radius: 500px;
  display: none;
  background-color: #ccc;
  position: absolute;
  top: 25px;
  right: 35px;
  z-index: 19;
  /* Safari, Chrome */
  /* Firefox 4.0~16.0 */
  transition: background-color 300ms ease-out;
  /* IE >9, FF >15, Opera >12.0 */
}

.editormd-preview-close-btn:hover {
  background-color: #999;
}

.editormd-preview-active {
  width: 100%;
  padding: 40px;
}

/* Preview dark theme */
.editormd-preview-theme-dark {
  color: #777;
  background: #2C2827;
}

.editormd-preview-theme-dark .editormd-preview-container {
  color: #888;
  background-color: #2C2827;
}

.editormd-preview-theme-dark .editormd-preview-container pre.prettyprint {
  border: none;
}

.editormd-preview-theme-dark .editormd-preview-container blockquote {
  color: #555;
  padding: 0.5em;
  background: #222;
  border-color: #333;
}

.editormd-preview-theme-dark .editormd-preview-container abbr {
  color: #fff;
  padding: 1px 3px;
  border-radius: 3px;
  background: #ff9900;
}

.editormd-preview-theme-dark .editormd-preview-container code {
  color: #fff;
  border: none;
  padding: 1px 3px;
  border-radius: 3px;
  background: #5A9600;
}

.editormd-preview-theme-dark .editormd-preview-container table {
  border: none;
}

.editormd-preview-theme-dark .editormd-preview-container .fa-emoji {
  color: #B4BF42;
}

.editormd-preview-theme-dark .editormd-preview-container .katex {
  color: #FEC93F;
}

.editormd-preview-theme-dark .editormd-toc-menu > .markdown-toc {
  background: #fff;
  border: none;
}

.editormd-preview-theme-dark .editormd-toc-menu > .markdown-toc h1 {
  border-color: #ddd;
}

.editormd-preview-theme-dark .markdown-body h1,
.editormd-preview-theme-dark .markdown-body h2,
.editormd-preview-theme-dark .markdown-body hr {
  border-color: #222;
}

.editormd-preview-theme-dark pre {
  color: #999;
  background-color: #111;
  background-color: rgba(0, 0, 0, 0.4);
  /* plain text */
}

.editormd-preview-theme-dark pre .pln {
  color: #999;
}

.editormd-preview-theme-dark li.L1,
.editormd-preview-theme-dark li.L3,
.editormd-preview-theme-dark li.L5,
.editormd-preview-theme-dark li.L7,
.editormd-preview-theme-dark li.L9 {
  background: none;
}

.editormd-preview-theme-dark [class*=editormd-logo] {
  color: #2196F3;
}

.editormd-preview-theme-dark .sequence-diagram text {
  fill: #fff;
}

.editormd-preview-theme-dark .sequence-diagram path,
.editormd-preview-theme-dark .sequence-diagram rect {
  color: #fff;
  fill: #64D1CB;
  stroke: #64D1CB;
}

.editormd-preview-theme-dark .flowchart path,
.editormd-preview-theme-dark .flowchart rect {
  stroke: #A6C6FF;
}

.editormd-preview-theme-dark .flowchart rect {
  fill: #A6C6FF;
}

.editormd-preview-theme-dark .flowchart text {
  fill: #5879B4;
}

@media screen {
  .editormd-preview-theme-dark {
    /* string content */
    /* a keyword */
    /* a comment */
    /* a type name */
    /* a literal value */
    /* punctuation, lisp open bracket, lisp close bracket */
    /* a markup tag name */
    /* a markup attribute name */
    /* a markup attribute value */
    /* a declaration; a variable name */
    /* a function name */
  }
  .editormd-preview-theme-dark .str {
    color: #080;
  }
  .editormd-preview-theme-dark .kwd {
    color: #ff9900;
  }
  .editormd-preview-theme-dark .com {
    color: #444444;
  }
  .editormd-preview-theme-dark .typ {
    color: #606;
  }
  .editormd-preview-theme-dark .lit {
    color: #066;
  }
  .editormd-preview-theme-dark .clo,
  .editormd-preview-theme-dark .opn,
  .editormd-preview-theme-dark .pun {
    color: #660;
  }
  .editormd-preview-theme-dark .tag {
    color: #ff9900;
  }
  .editormd-preview-theme-dark .atn {
    color: #6C95F5;
  }
  .editormd-preview-theme-dark .atv {
    color: #080;
  }
  .editormd-preview-theme-dark .dec,
  .editormd-preview-theme-dark .var {
    color: #008BA7;
  }
  .editormd-preview-theme-dark .fun {
    color: red;
  }
}

.editormd-onlyread .editormd-toolbar {
  display: none;
}

.editormd-onlyread .CodeMirror {
  margin-top: 0;
}

.editormd-onlyread .editormd-preview {
  top: 0;
}

.editormd-fullscreen {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  border: none;
  margin: 0 auto;
}

/* Editor.md Dark theme */
.editormd-theme-dark {
  border-color: #1a1a17;
}

.editormd-theme-dark .editormd-toolbar {
  background: #1A1A17;
  border-color: #1a1a17;
}

.editormd-theme-dark .editormd-menu > li > a {
  color: #777;
  border-color: #1a1a17;
}

.editormd-theme-dark .editormd-menu > li > a.active,
.editormd-theme-dark .editormd-menu > li > a:hover {
  border-color: #333;
  background: #333;
}

.editormd-theme-dark .editormd-menu > li.divider {
  border-right: 1px solid #111;
}

.editormd-theme-dark .CodeMirror {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.modal-cropper .modal-dialog {
  width: 500px;
}

.cropper {
  position: relative;
}

.cropper .cropper-preview {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #dee5e7;
}

.cropper .cropper-preview .cropper-preview-text {
  padding: 50px 0;
  text-align: center;
  color: #aaaaaa;
}

.cropper .cropper-preview img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.cropper .cropper-preview.cropper-preview-avatar img {
  border-radius: 50%;
}

.cropper .cropper-upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cropper .cropper-upload .cropper-input-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.cropper .cropper-upload .cropper-input-label input {
  display: none;
}

.cropper-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr;
  -ms-touch-action: none;
  touch-action: none;
}

.cropper-container img {
  display: block;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
  width: 100%;
  height: 100%;
  image-orientation: 0;
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box {
  overflow: hidden;
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
}

.cropper-modal {
  opacity: 0.5;
  background-color: #000;
}

.cropper-view-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 1px solid #23b7e5;
  outline-color: #23b7e5;
}

.cropper-dashed {
  position: absolute;
  display: block;
  opacity: 0.75;
  border: 0 dashed #eee;
}

.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  width: 100%;
  height: 33.33333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  width: 33.33333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: 0.75;
}

.cropper-center:after,
.cropper-center:before {
  position: absolute;
  display: block;
  content: ' ';
  background-color: #eee;
}

.cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}

.cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}

.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}

.cropper-line {
  background-color: #23b7e5;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;
  opacity: 0.75;
  background-color: #23b7e5;
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: 0.75;
  }
}

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: ' ';
  opacity: 0;
  background-color: #23b7e5;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("");
}

.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.cropper-wrapper {
  width: 460px;
  height: 460px;
  background-color: #f0f3f4;
}

.toast-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #ffffff;
}

.toast-close-button {
  float: right;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  margin-left: 10px;
  background-size: 16px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url("") !important;
  overflow: hidden;
  text-indent: -99em;
  transition: opacity .3s;
  opacity: 0.75;
}

.toast-close-button:focus,
.toast-close-button:hover {
  cursor: pointer;
  opacity: 1;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 70px;
  left: 255px;
}

.toast-top-right {
  top: calc(55px + 75px + 20px);
  right: 47px;
}

.toast-bottom-right {
  right: 47px;
  bottom: 30px;
}

.toast-bottom-left {
  bottom: 30px;
  left: 285px;
}

#toast-container {
  position: fixed;
  z-index: 99;
  pointer-events: none;
}

#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 10px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 4px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  color: #FFFFFF;
  opacity: 0.9;
  transition: all .3s ease;
}

#toast-container > div:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  opacity: 1;
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("") !important;
}

#toast-container > .toast-error {
  background-image: url("") !important;
}

#toast-container > .toast-success {
  background-image: url("") !important;
}

#toast-container > .toast-warning {
  background-image: url("") !important;
}

.toast {
  background-color: #23b7e5;
}

.toast-success {
  background-color: #27c24c;
}

.toast-error {
  background-color: #f05050;
}

.toast-info {
  background-color: #23b7e5;
}

.toast-warning {
  background-color: #E67E22;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.3);
}

/*Responsive Design*/
.button-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -4px;
  margin-bottom: -4px;
}

.button-group > button.button, .button-group a.button, .button-group input.button, .button-group .dropdown {
  margin-top: 4px;
  margin-right: 8px;
  margin-bottom: 4px;
}

.button-group > button.button:last-child, .button-group a.button:last-child, .button-group input.button:last-child, .button-group .dropdown:last-child {
  margin-right: 0;
}

button.button, a.button, input.button {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 14px 20px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
  background-color: #23b7e5;
  border-radius: 4px;
  transition: all .3s;
  background: -webkit-radial-gradient(bottom right, circle, #51c6ea, #23b7e5);
  box-shadow: 0 2px 2px 0 rgba(35, 183, 229, 0.14), 0 3px 1px -2px rgba(35, 183, 229, 0.2), 0 1px 5px 0 rgba(35, 183, 229, 0.12);
}

button.button:hover, a.button:hover, input.button:hover {
  box-shadow: 0 14px 26px -12px rgba(35, 183, 229, 0.42), 0 4px 23px 0 rgba(35, 183, 229, 0.12), 0 8px 10px -5px rgba(35, 183, 229, 0.2);
}

button.button[disabled], a.button[disabled], input.button[disabled] {
  opacity: .75 !important;
  box-shadow: none !important;
}

button.button i ~ span, a.button i ~ span, input.button i ~ span {
  margin-left: 10px;
}

button.button span ~ i, a.button span ~ i, input.button span ~ i {
  margin-left: 10px;
}

button.button span.badge, a.button span.badge, input.button span.badge {
  font-size: 12px;
  font-weight: bold;
  padding: 2px 5px;
  margin-left: 10px;
  margin-top: -1px;
  margin-bottom: -1px;
  border-radius: 7px;
  color: #23b7e5;
  background-color: #ffffff;
  border: none;
}

button.button small, a.button small, input.button small {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-left: 10px;
  opacity: .75;
}

button.button-color-1, a.button-color-1, input.button-color-1 {
  color: #ffffff;
  background-color: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #51c6ea, #23b7e5);
  box-shadow: 0 2px 2px 0 rgba(35, 183, 229, 0.14), 0 3px 1px -2px rgba(35, 183, 229, 0.2), 0 1px 5px 0 rgba(35, 183, 229, 0.12);
}

button.button-color-1:hover, a.button-color-1:hover, input.button-color-1:hover {
  box-shadow: 0 14px 26px -12px rgba(35, 183, 229, 0.42), 0 4px 23px 0 rgba(35, 183, 229, 0.12), 0 8px 10px -5px rgba(35, 183, 229, 0.2);
}

button.button-color-1 span.badge, a.button-color-1 span.badge, input.button-color-1 span.badge {
  color: #23b7e5;
}

button.button-color-2, a.button-color-2, input.button-color-2 {
  color: #ffffff;
  background-color: #90ed7d;
  background: -webkit-radial-gradient(bottom right, circle, #b6f3aa, #90ed7d);
  box-shadow: 0 2px 2px 0 rgba(144, 237, 125, 0.14), 0 3px 1px -2px rgba(144, 237, 125, 0.2), 0 1px 5px 0 rgba(144, 237, 125, 0.12);
}

button.button-color-2:hover, a.button-color-2:hover, input.button-color-2:hover {
  box-shadow: 0 14px 26px -12px rgba(144, 237, 125, 0.42), 0 4px 23px 0 rgba(144, 237, 125, 0.12), 0 8px 10px -5px rgba(144, 237, 125, 0.2);
}

button.button-color-2 span.badge, a.button-color-2 span.badge, input.button-color-2 span.badge {
  color: #90ed7d;
}

button.button-red, a.button-red, input.button-red {
  color: #ffffff;
  background-color: #f05050;
  background: -webkit-radial-gradient(bottom right, circle, #f47f7f, #f05050);
  box-shadow: 0 2px 2px 0 rgba(240, 80, 80, 0.14), 0 3px 1px -2px rgba(240, 80, 80, 0.2), 0 1px 5px 0 rgba(240, 80, 80, 0.12);
}

button.button-red:hover, a.button-red:hover, input.button-red:hover {
  box-shadow: 0 14px 26px -12px rgba(240, 80, 80, 0.42), 0 4px 23px 0 rgba(240, 80, 80, 0.12), 0 8px 10px -5px rgba(240, 80, 80, 0.2);
}

button.button-red span.badge, a.button-red span.badge, input.button-red span.badge {
  color: #f05050;
}

button.button-orange, a.button-orange, input.button-orange {
  color: #ffffff;
  background-color: #E67E22;
  background: -webkit-radial-gradient(bottom right, circle, #eb9950, #E67E22);
  box-shadow: 0 2px 2px 0 rgba(230, 126, 34, 0.14), 0 3px 1px -2px rgba(230, 126, 34, 0.2), 0 1px 5px 0 rgba(230, 126, 34, 0.12);
}

button.button-orange:hover, a.button-orange:hover, input.button-orange:hover {
  box-shadow: 0 14px 26px -12px rgba(230, 126, 34, 0.42), 0 4px 23px 0 rgba(230, 126, 34, 0.12), 0 8px 10px -5px rgba(230, 126, 34, 0.2);
}

button.button-orange span.badge, a.button-orange span.badge, input.button-orange span.badge {
  color: #E67E22;
}

button.button-yellow, a.button-yellow, input.button-yellow {
  color: #ffffff;
  background-color: #eac459;
  background: -webkit-radial-gradient(bottom right, circle, #f0d486, #eac459);
  box-shadow: 0 2px 2px 0 rgba(234, 196, 89, 0.14), 0 3px 1px -2px rgba(234, 196, 89, 0.2), 0 1px 5px 0 rgba(234, 196, 89, 0.12);
}

button.button-yellow:hover, a.button-yellow:hover, input.button-yellow:hover {
  box-shadow: 0 14px 26px -12px rgba(234, 196, 89, 0.42), 0 4px 23px 0 rgba(234, 196, 89, 0.12), 0 8px 10px -5px rgba(234, 196, 89, 0.2);
}

button.button-yellow span.badge, a.button-yellow span.badge, input.button-yellow span.badge {
  color: #eac459;
}

button.button-green, a.button-green, input.button-green {
  color: #ffffff;
  background-color: #27c24c;
  background: -webkit-radial-gradient(bottom right, circle, #43d967, #27c24c);
  box-shadow: 0 2px 2px 0 rgba(39, 194, 76, 0.14), 0 3px 1px -2px rgba(39, 194, 76, 0.2), 0 1px 5px 0 rgba(39, 194, 76, 0.12);
}

button.button-green:hover, a.button-green:hover, input.button-green:hover {
  box-shadow: 0 14px 26px -12px rgba(39, 194, 76, 0.42), 0 4px 23px 0 rgba(39, 194, 76, 0.12), 0 8px 10px -5px rgba(39, 194, 76, 0.2);
}

button.button-green span.badge, a.button-green span.badge, input.button-green span.badge {
  color: #27c24c;
}

button.button-cyan, a.button-cyan, input.button-cyan {
  color: #ffffff;
  background-color: #18C29C;
  background: -webkit-radial-gradient(bottom right, circle, #29e4ba, #18C29C);
  box-shadow: 0 2px 2px 0 rgba(24, 194, 156, 0.14), 0 3px 1px -2px rgba(24, 194, 156, 0.2), 0 1px 5px 0 rgba(24, 194, 156, 0.12);
}

button.button-cyan:hover, a.button-cyan:hover, input.button-cyan:hover {
  box-shadow: 0 14px 26px -12px rgba(24, 194, 156, 0.42), 0 4px 23px 0 rgba(24, 194, 156, 0.12), 0 8px 10px -5px rgba(24, 194, 156, 0.2);
}

button.button-cyan span.badge, a.button-cyan span.badge, input.button-cyan span.badge {
  color: #18C29C;
}

button.button-blue, a.button-blue, input.button-blue {
  color: #ffffff;
  background-color: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #51c6ea, #23b7e5);
  box-shadow: 0 2px 2px 0 rgba(35, 183, 229, 0.14), 0 3px 1px -2px rgba(35, 183, 229, 0.2), 0 1px 5px 0 rgba(35, 183, 229, 0.12);
}

button.button-blue:hover, a.button-blue:hover, input.button-blue:hover {
  box-shadow: 0 14px 26px -12px rgba(35, 183, 229, 0.42), 0 4px 23px 0 rgba(35, 183, 229, 0.12), 0 8px 10px -5px rgba(35, 183, 229, 0.2);
}

button.button-blue span.badge, a.button-blue span.badge, input.button-blue span.badge {
  color: #23b7e5;
}

button.button-purple, a.button-purple, input.button-purple {
  color: #ffffff;
  background-color: #7266ba;
  background: -webkit-radial-gradient(bottom right, circle, #9289ca, #7266ba);
  box-shadow: 0 2px 2px 0 rgba(114, 102, 186, 0.14), 0 3px 1px -2px rgba(114, 102, 186, 0.2), 0 1px 5px 0 rgba(114, 102, 186, 0.12);
}

button.button-purple:hover, a.button-purple:hover, input.button-purple:hover {
  box-shadow: 0 14px 26px -12px rgba(114, 102, 186, 0.42), 0 4px 23px 0 rgba(114, 102, 186, 0.12), 0 8px 10px -5px rgba(114, 102, 186, 0.2);
}

button.button-purple span.badge, a.button-purple span.badge, input.button-purple span.badge {
  color: #7266ba;
}

button.button-pink, a.button-pink, input.button-pink {
  color: #ffffff;
  background-color: #ff5b77;
  background: -webkit-radial-gradient(bottom right, circle, #ff8ea1, #ff5b77);
  box-shadow: 0 2px 2px 0 rgba(255, 91, 119, 0.14), 0 3px 1px -2px rgba(255, 91, 119, 0.2), 0 1px 5px 0 rgba(255, 91, 119, 0.12);
}

button.button-pink:hover, a.button-pink:hover, input.button-pink:hover {
  box-shadow: 0 14px 26px -12px rgba(255, 91, 119, 0.42), 0 4px 23px 0 rgba(255, 91, 119, 0.12), 0 8px 10px -5px rgba(255, 91, 119, 0.2);
}

button.button-pink span.badge, a.button-pink span.badge, input.button-pink span.badge {
  color: #ff5b77;
}

button.button-black, a.button-black, input.button-black {
  color: #ffffff;
  background-color: #000000;
  background: -webkit-radial-gradient(bottom right, circle, #1a1a1a, #000000);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

button.button-black:hover, a.button-black:hover, input.button-black:hover {
  box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

button.button-black span.badge, a.button-black span.badge, input.button-black span.badge {
  color: #000000;
}

button.button-gray, a.button-gray, input.button-gray {
  color: #ffffff;
  background-color: #C5C5CA;
  background: -webkit-radial-gradient(bottom right, circle, #e0e0e2, #C5C5CA);
  box-shadow: 0 2px 2px 0 rgba(197, 197, 202, 0.14), 0 3px 1px -2px rgba(197, 197, 202, 0.2), 0 1px 5px 0 rgba(197, 197, 202, 0.12);
}

button.button-gray:hover, a.button-gray:hover, input.button-gray:hover {
  box-shadow: 0 14px 26px -12px rgba(197, 197, 202, 0.42), 0 4px 23px 0 rgba(197, 197, 202, 0.12), 0 8px 10px -5px rgba(197, 197, 202, 0.2);
}

button.button-gray span.badge, a.button-gray span.badge, input.button-gray span.badge {
  color: #C5C5CA;
}

button.button-white, a.button-white, input.button-white {
  color: #23b7e5;
  background-color: #ffffff;
}

button.button-white.active, a.button-white.active, input.button-white.active {
  opacity: .75;
  background-color: #ffffff;
}

button.button-flat, a.button-flat, input.button-flat {
  color: #999999;
  box-shadow: none;
  background: transparent;
}

button.button-flat:hover, a.button-flat:hover, input.button-flat:hover {
  color: #333333;
  box-shadow: none;
  background-color: #f0f3f4;
}

button.button-block, a.button-block, input.button-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

button.button-large, a.button-large, input.button-large {
  font-size: 16px;
  padding: 19px 30px;
}

button.button-large span.badge, a.button-large span.badge, input.button-large span.badge {
  font-size: 14px;
  border-radius: 8px;
}

button.button-small, a.button-small, input.button-small {
  padding: 9px 15px;
  font-size: 14px;
}

button.button-small.button-collapse, a.button-small.button-collapse, input.button-small.button-collapse {
  padding-left: 35px;
}

button.button-small.button-collapse:before, a.button-small.button-collapse:before, input.button-small.button-collapse:before {
  left: 15px;
}

button.button-collapse, a.button-collapse, input.button-collapse {
  padding-left: 35px;
}

button.button-collapse:before, a.button-collapse:before, input.button-collapse:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.75);
  transition: all .3s;
}

button.button-collapse[aria-expanded="true"]:before, a.button-collapse[aria-expanded="true"]:before, input.button-collapse[aria-expanded="true"]:before {
  border-width: 4px;
  border-color: #ffffff;
  box-shadow: 0 0 5px #ffffff;
}

.waves-effect {
  position: relative;
  overflow: hidden;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
  background: radial-gradient(rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 70%);
  transition: all 0.5s ease-out;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.1);
  background: radial-gradient(rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0) 70%);
}

.button-group-pagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-group-pagination .pagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-group-pagination span, .button-group-pagination a {
  position: relative;
  min-height: 42px;
  padding: 10px 15px;
  border-top: 1px solid #dee5e7;
  border-right: 1px solid #dee5e7;
  border-bottom: 1px solid #dee5e7;
  white-space: nowrap;
}

.button-group-pagination span.active, .button-group-pagination a.active {
  color: #ffffff !important;
  border-color: #23b7e5 !important;
  background-color: #23b7e5 !important;
}

.button-group-pagination span:hover, .button-group-pagination a:hover {
  background-color: #f0f3f4;
}

.button-group-pagination > *:first-child {
  margin-right: 0;
  border-left: 1px solid #dee5e7;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.button-group-pagination > *:last-child {
  margin-right: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.button-group-pagination span {
  color: #aaaaaa !important;
  background-color: #ffffff !important;
}

.dataTables_paginate > ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dataTables_paginate > ul li a {
  display: block;
}

.dataTables_paginate > ul li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.dataTables_paginate > ul li.active a {
  color: #ffffff !important;
  border-color: #23b7e5 !important;
  background-color: #23b7e5 !important;
}

table.table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
}

table.table thead tr th {
  white-space: nowrap;
  color: #aaaaaa;
}

table.table thead tr th:first-child {
  padding-left: 20px;
}

table.table thead tr th:last-child {
  padding-right: 20px;
}

table.table tbody tr {
  transition: background-color 0.3s;
}

table.table tbody tr:hover {
  background-color: rgba(240, 243, 244, 0.5);
}

table.table tbody tr:last-child td,
table.table tbody tr:last-child th {
  border-bottom: 0;
}

table.table tbody tr td:first-child {
  padding-left: 20px;
}

table.table tbody tr td:last-child {
  padding-right: 20px;
}

table.table td,
table.table th {
  padding: 10px 15px;
  border-bottom: 1px solid #edf1f2;
}

table.table td .button {
  margin: 2px 0;
}

table.table td[align="right"] .button-group {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

table.table .radiocheckbox-replace {
  margin-right: 0;
}

table.table .image {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

table.table .progress-info {
  margin-bottom: -10px;
}

table.table .progress {
  margin-bottom: 5px;
}

@media (max-width: 991px) {
  .table-responsive {
    display: block;
    overflow-x: auto;
  }
  .table-responsive > tbody > tr > td {
    white-space: nowrap;
  }
}

.card-table {
  position: relative;
}

.card-table .card-table-action-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -46px;
  right: 20px;
  white-space: nowrap;
}

.card-table .card-table-action-header .dataTables_length, .card-table .card-table-action-header .dataTables_filter {
  width: auto;
  height: auto;
  padding: 0;
  border-bottom: none;
  background-color: transparent;
}

.card-table .card-table-action-header .dataTables_length {
  margin-right: 20px;
}

.card-table .card-table-action-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  white-space: nowrap;
  padding: 10px 20px;
  border-bottom: 1px solid #edf1f2;
  background-color: rgba(240, 243, 244, 0.4);
}

.card-table .card-table-action-bar .dataTables_length, .card-table .card-table-action-bar .dataTables_filter {
  width: auto;
  height: auto;
  padding: 0;
  border-bottom: none;
  background-color: transparent;
}

.card-table .card-table-action-bar .dataTables_length {
  margin-right: 20px;
}

.card-table .card-table-action-bar .dataTables_filter {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.card-table .dt-buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}

.card-table .dt-buttons button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  color: #aaaaaa;
  border-radius: 4px;
  transition: all 0.3s;
}

.card-table .dt-buttons button:hover {
  color: #333333;
  background-color: #f0f3f4;
}

.card-table .card-table-action-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 20px;
  border-top: 1px solid #edf1f2;
}

.card-table .card-table-action-footer .card-table-action-footer-custom {
  margin: 0 20px;
}

.card-table .card-table-action-footer .dataTables_info, .card-table .card-table-action-footer .dataTables_paginate {
  width: auto;
  height: auto;
  padding: 0;
  border-top: none;
  background-color: transparent;
  white-space: nowrap;
}

.card-table .card-table-action-footer .dataTables_paginate {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

table.dataTable thead td:active,
table.dataTable thead th:active {
  outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  color: #333333;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting {
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20px' height='19px' viewBox='0 0 20 19'><path fill='#C5C5CA' style='fill-opacity:0.75' d='M10,15.5l5.5-5.539h-11L10,15.5z M10,3.5L4.5,9.039h11L10,3.5z'/></svg>");
}

table.dataTable thead .sorting_asc {
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20px' height='19px' viewBox='0 0 20 19'><polygon fill='#23b7e5' points='10,3.5 4.5,9.039 15.5,9.039 '/></svg>");
}

table.dataTable thead .sorting_desc {
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20px' height='19px' viewBox='0 0 20 19'><polygon fill='#23b7e5' points='4.5,9.961 10,15.5 15.5,9.961'/></svg>");
}

table.dataTable thead .sorting_asc_disabled {
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20px' height='19px' viewBox='0 0 20 19'><polygon fill='#C5C5CA' points='10,3.5 4.5,9.039 15.5,9.039 '/></svg>");
}

table.dataTable thead .sorting_desc_disabled {
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20px' height='19px' viewBox='0 0 20 19'><polygon fill='#C5C5CA' points='4.5,9.961 10,15.5 15.5,9.961'/></svg>");
}

.dataTables_wrapper {
  position: relative;
  clear: both;
  zoom: 1;
}

.dataTables_wrapper .dataTables_length {
  float: left;
  width: 50%;
  height: 53px;
  padding: 10px 20px;
  border-bottom: 1px solid #edf1f2;
  background-color: rgba(240, 243, 244, 0.4);
}

.dataTables_wrapper .dataTables_length select {
  height: 32px;
  margin: 0 5px;
  padding: 0 24px 0 8px;
  border-radius: 4px;
  border: 1px solid #dee5e7;
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: all 0.3s;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center right 8px;
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' viewBox='0 0 50 50'><path fill='#C5C5CA' d='M25,37L1,13h48L25,37z'/></svg>");
}

.dataTables_wrapper .dataTables_length select:focus {
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' viewBox='0 0 50 50'><path fill='#23b7e5' d='M25,37L1,13h48L25,37z'/></svg>");
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  width: 50%;
  height: 53px;
  padding: 10px 20px;
  border-bottom: 1px solid #edf1f2;
  background-color: rgba(240, 243, 244, 0.4);
}

.dataTables_wrapper .dataTables_filter input {
  height: 32px;
  padding: 10px;
  margin-left: 10px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #dee5e7;
  transition: border 0.3s, box-shadow 0.3s;
}

.dataTables_wrapper .dataTables_filter input:focus {
  border-color: #23b7e5;
  box-shadow: 0 0 15px rgba(35, 183, 229, 0.5);
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  width: 30%;
  padding: 15px 20px;
  border-top: 1px solid #edf1f2;
  line-height: 40px;
}

.dataTables_wrapper .dataTables_paginate {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 70%;
  padding: 15px 20px;
  border-top: 1px solid #edf1f2;
}

.dataTables_wrapper .dataTables_paginate > span {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dataTables_wrapper .dataTables_paginate > *:first-child {
  margin-right: 0;
  border-left: 1px solid #dee5e7;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.dataTables_wrapper .dataTables_paginate > *:last-child {
  margin-right: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  position: relative;
  padding: 10px 15px;
  border-top: 1px solid #dee5e7;
  border-right: 1px solid #dee5e7;
  border-bottom: 1px solid #dee5e7;
  cursor: pointer;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #ffffff !important;
  border-color: #23b7e5 !important;
  background-color: #23b7e5 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  color: #aaaaaa !important;
  background-color: #ffffff !important;
  cursor: default;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #f0f3f4;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.dataTables_empty {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  text-align: center;
  color: #aaaaaa;
}

nav.nav {
  padding: 15px;
}

.side-nav {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
}

nav.nav > .item {
  margin-bottom: 5px;
}

nav.nav > .item > a {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 15px;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  transition: color .3s ease, background-color .3s ease;
}

nav.nav > .item > a span {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

nav.nav > .item > a i:first-child {
  font-size: 16px;
  margin-right: 15px;
}

nav.nav > .item > a i.icon-arrow-down {
  color: rgba(255, 255, 255, 0.25);
  font-size: 12px;
  margin-left: 15px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

nav.nav > .item > a:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
}

nav.nav > .item > a:hover i.icon-arrow-down {
  color: #fff;
}

nav.nav > .item > a.active {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  background: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #90ed7d, #23b7e5);
}

nav.nav > .item > a.active i.icon-arrow-down {
  color: #fff;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

nav.nav .nav-sub {
  position: relative;
  z-index: 0;
  margin-top: 5px;
  padding: 7px 0;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.15);
  transition: opacity .3s ease;
  display: none;
  opacity: 0;
}

nav.nav .nav-sub.active {
  display: block;
  opacity: 1;
}

nav.nav .nav-sub a {
  position: relative;
  display: block;
  padding: 7px 15px 7px 45px;
  color: rgba(255, 255, 255, 0.5);
}

nav.nav .nav-sub a:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.5);
}

nav.nav .nav-sub a:hover {
  color: rgba(255, 255, 255, 0.75);
}

nav.nav .nav-sub a:hover::before {
  border-color: rgba(255, 255, 255, 0.75);
}

nav.nav .nav-sub .active a {
  color: #FFFFFF;
}

nav.nav .nav-sub .active a::before {
  border-width: 4px;
  border-color: #FFFFFF;
}

nav.nav .nav-title {
  font-size: 12px;
  margin: 0 -15px;
  padding: 15px 15px 5px 30px;
  color: rgba(255, 255, 255, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: normal;
}

.side-user {
  text-align: center;
  padding: 25px 15px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.side-user .avatar {
  width: 90px;
  height: 90px;
  margin: 0 auto 10px;
}

.side-user .avatar img {
  display: block;
  border-radius: 50%;
}

.side-user .info {
  text-align: center;
}

.side-user .info .user-name {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 3px;
  padding: 4px 15px;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.side-user .info .user-name:hover {
  background-color: rgba(0, 0, 0, 0.15);
}

.side-user .info .user-position {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}

.side-user .info.show .user-name {
  background-color: rgba(0, 0, 0, 0.15);
}

.side-user .dropdown-menu {
  width: 100%;
  min-width: 135px;
  top: calc(100% + 15px) !important;
  border: 0;
}

.side-user .dropdown-menu .item {
  display: block;
}

.side-title {
  font-size: 12px;
  padding: 15px 15px 0;
  color: rgba(255, 255, 255, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: normal;
}

.side-dashboard .inner {
  padding: 15px;
}

.side-dashboard .info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.5);
}

.side-dashboard .progress {
  position: relative;
  margin-bottom: 15px;
  height: 2px;
  border-radius: 1px;
  background-color: rgba(0, 0, 0, 0.15);
}

.side-dashboard .progress:last-child {
  margin-bottom: 10px;
}

.side-dashboard .progress-bar {
  position: absolute;
  height: 100%;
  border-radius: 1px;
  background: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #90ed7d, #23b7e5);
}

.header-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
}

.header-bar > .item > button, .header-bar > .item > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  height: 100%;
  transition: all 0.3s;
  color: rgba(255, 255, 255, 0.75);
}

.header-bar > .item > button:hover, .header-bar > .item > a:hover {
  color: #FFFFFF;
  background-color: #2f363d;
}

.header-bar > .item > button.active, .header-bar > .item > a.active {
  color: #FFFFFF;
  background-color: #2f363d;
  text-shadow: 0 0 10px #fff;
}

.header-bar > .item > button i, .header-bar > .item > a i {
  font-size: 16px;
  margin-right: 8px;
}

.header-bar > .item > button i:only-child, .header-bar > .item > a i:only-child {
  margin-right: 0;
}

.header-bar > .item.show > button {
  color: #FFFFFF;
  background-color: #2f363d;
}

.header-bar > .item .badge {
  margin-left: 8px;
  padding: 3px 5px;
  color: #fff;
  line-height: 1;
  font-size: 12px;
  border-radius: 4px;
  background-color: #f05050;
}

.header-user .user-position {
  margin-left: 5px;
  padding: 4px 6px;
  font-size: 12px;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}

.header-user .avatar {
  width: 35px;
  height: 35px;
  margin-left: 10px;
}

.header-user .avatar img {
  display: block;
  border-radius: 50%;
}

.header-sidebar {
  background-color: #2f363d;
}

.header-sidebar > button:hover {
  text-shadow: 0 0 10px #fff;
}

.banner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 30px;
  height: 75px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background-color: rgba(249, 250, 250, 0.9);
}

.banner .banner-title small {
  margin-left: 15px;
  font-size: 14px;
  font-weight: normal;
  color: #aaaaaa;
}

.banner .banner-title p {
  margin-top: 5px;
}

.banner ul.explain {
  margin-bottom: 0;
}

.banner .banner-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner .banner-action .button-group {
  margin-left: 30px;
}

.banner .banner-action form.form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.banner .banner-action form.form .form-group, .banner .banner-action form.form .button {
  margin-left: 10px;
}

.banner .banner-action form.form .form-group {
  margin-bottom: 0;
}

.banner .banner-statistic {
  text-align: right;
  margin-left: 20px;
  line-height: 1;
}

.banner .banner-statistic .banner-statistic-name {
  margin-bottom: 2px;
  font-size: 12px;
  color: #999999;
}

.banner .banner-statistic .banner-statistic-number {
  font-family: "SourceSansPro-Black", PingFang SC, "Microsoft YaHei", "SimSun", Arial, Helvetica, sans-serif;
}

.banner.banner-fixed {
  position: fixed;
  top: 55px;
  right: 0;
  left: 255px;
  margin: 0;
  padding-right: 47px;
  z-index: 99;
}

.banner.banner-fixed ~ .container-fluid {
  padding-top: 75px;
}

.card {
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
}

.card .card-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 20px;
  border-bottom: 1px solid #edf1f2;
}

.card .card-header .title {
  margin-top: 15px;
  margin-bottom: 15px;
}

.card .card-header small {
  font-weight: normal;
  margin-left: 10px;
  font-size: 12px;
  color: #aaaaaa;
}

.card .card-header ~ .card-image {
  border-radius: 0;
  margin-top: -1px;
}

.card .card-header ~ .card-text {
  border-top: 1px solid #edf1f2;
}

.card .card-header ~ .tab-body {
  border-top: 1px solid #edf1f2;
}

.card .card-header-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card .card-header-action .button {
  margin-left: 5px;
  padding: 9px 10px;
}

.card .card-header-action .button span {
  margin-left: 5px;
}

.card .card-header-action .button.button-collapse {
  padding-left: 30px;
}

.card .card-header-action .input, .card .card-header-action .select, .card .card-header-action .chosen-single {
  padding-top: 5px;
  padding-bottom: 5px;
}

.card .card-header-action .chosen-choices {
  padding: 0 4px;
  min-width: 200px;
}

.card .card-header-action .chosen-choices .search-field {
  padding-left: 6px;
}

.card .card-header-action .radiocheckbox-item {
  margin: 2px 0 2px 10px;
}

.card .card-header-action .radiocheckbox-switch-item {
  margin-left: 10px;
  margin-bottom: 0;
}

.card .card-header-action .radiocheckbox-switch .radiocheckbox-replace {
  height: 32px;
}

.card .card-header-action .radiocheckbox-switch .radiocheckbox-replace .slipper {
  height: 28px;
}

.card .card-header-action .radiocheckbox-switch .radiocheckbox-replace .slipper::before, .card .card-header-action .radiocheckbox-switch .radiocheckbox-replace .slipper::after {
  line-height: 28px;
}

.card .card-header-action form.form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.card .card-header-action form.form .form-group, .card .card-header-action form.form .button {
  margin-left: 5px;
}

.card .card-header-action form.form .form-group {
  margin-bottom: 0;
}

.card .card-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px 20px;
  border-top: 1px solid #edf1f2;
}

.card .card-body {
  padding: 20px;
}

.card .card-body ~ .card-body {
  border-top: 1px solid #edf1f2;
}

.card .card-image {
  color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}

.card .card-image > img {
  width: 100%;
}

.card .card-image + .card-text {
  border-top: none;
}

.card .card-image ~ .panel-body {
  border-top: 0;
}

.card .card-text {
  padding: 20px;
}

.card .card-text .title {
  margin-bottom: 5px;
}

.card .card-text .title-sub {
  margin-bottom: 10px;
  color: #999999;
  font-weight: normal;
  font-size: 12px;
}

.card .card-text p {
  margin-bottom: 10px;
}

.card .card-text p:last-child {
  margin-bottom: 0;
}

.card .collapse {
  border-bottom: 1px solid #edf1f2;
}

.card .collapse:last-child {
  border-bottom: none;
}

.row.align-items-stretch .card {
  height: calc(100% - 20px);
}

.card-fullscreen {
  position: fixed;
  width: 100%;
  height: 100% !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  margin-bottom: 0;
  border-radius: 0;
  overflow-y: auto;
}

.card-chart-fullscreen {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-chart-fullscreen .card-header {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.card-chart-fullscreen .card-body {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.statistic {
  position: relative;
  padding: 20px;
  background-color: #ffffff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.statistic:only-child {
  border-radius: 4px;
}

.card-header ~ .statistic {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.statistic > i {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 28px;
  color: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #90ed7d, #23b7e5);
  -webkit-background-clip: text;
  color: transparent;
}

.statistic .statistic-name {
  margin-bottom: 10px;
}

.statistic .statistic-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  line-height: 1;
  font-family: "SourceSansPro-Black", PingFang SC, "Microsoft YaHei", "SimSun", Arial, Helvetica, sans-serif;
}

.statistic small {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 10px;
  font-size: 14px;
  font-weight: normal;
}

.statistic small i {
  margin-right: 5px;
}

.statistic .statistic-button {
  position: absolute;
  top: 16px;
  right: 20px;
  padding: 3px 10px;
  color: #aaaaaa;
  border: 1px solid #edf1f2;
  border-radius: 4px;
  transition: all 0.3s;
}

.statistic .statistic-button:hover {
  color: #ffffff;
  border-color: #23b7e5;
  background-color: #23b7e5;
}

.statistic[class*="statistic-"]:not(.statistic-pro) > i {
  color: #ffffff;
}

.statistic[class*="statistic-"]:not(.statistic-pro) small {
  opacity: 0.75;
}

.statistic[class*="statistic-"]:not(.statistic-pro) .statistic-button {
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  transition: all 0.3s;
}

.statistic[class*="statistic-"]:not(.statistic-pro) .statistic-button:hover {
  border-color: #ffffff;
  background-color: #ffffff;
}

.statistic.statistic-pro {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.statistic.statistic-pro .statistic-pro-chart {
  margin-top: -10px;
  margin-left: -10px;
  margin-bottom: -10px;
}

.statistic.statistic-pro .statistic-pro-info {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.statistic.statistic-pro .statistic-pro-chart ~ .statistic-pro-info {
  margin-left: 15px;
}

.statistic.statistic-pro .statistic-pro-info ~ .statistic-pro-chart {
  margin-left: 15px;
}

.statistic .progress {
  margin-bottom: 0;
}

.statistic.statistic-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #ffffff;
  background-color: #23b7e5;
  background: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #90ed7d, #23b7e5);
}

.statistic.statistic-group .statistic-group-item {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.statistic.statistic-group .statistic-group-item:last-child {
  border-right: 0;
}

.statistic.statistic-group .statistic-group-item > i {
  display: inline-block;
  font-size: 28px;
  margin-bottom: 10px;
}

.statistic.statistic-group .statistic-info {
  display: block;
}

.statistic.statistic-group .statistic-info .statistic-name {
  margin-top: 10px;
  margin-bottom: 0;
  opacity: .75;
}

.statistic.statistic-color-1 {
  color: #ffffff;
  background-color: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #67cded, #23b7e5);
}

.statistic.statistic-color-1 .statistic-button:hover {
  color: #23b7e5;
}

.statistic.statistic-color-2 {
  color: #ffffff;
  background-color: #90ed7d;
  background: -webkit-radial-gradient(bottom right, circle, #c9f6c0, #90ed7d);
}

.statistic.statistic-color-2 .statistic-button:hover {
  color: #90ed7d;
}

.statistic.statistic-red {
  color: #ffffff;
  background-color: #f05050;
  background: -webkit-radial-gradient(bottom right, circle, #f69696, #f05050);
}

.statistic.statistic-red .statistic-button:hover {
  color: #f05050;
}

.statistic.statistic-orange {
  color: #ffffff;
  background-color: #E67E22;
  background: -webkit-radial-gradient(bottom right, circle, #eea667, #E67E22);
}

.statistic.statistic-orange .statistic-button:hover {
  color: #E67E22;
}

.statistic.statistic-yellow {
  color: #ffffff;
  background-color: #eac459;
  background: -webkit-radial-gradient(bottom right, circle, #f3dc9d, #eac459);
}

.statistic.statistic-yellow .statistic-button:hover {
  color: #eac459;
}

.statistic.statistic-green {
  color: #ffffff;
  background-color: #27c24c;
  background: -webkit-radial-gradient(bottom right, circle, #58dd78, #27c24c);
}

.statistic.statistic-green .statistic-button:hover {
  color: #27c24c;
}

.statistic.statistic-cyan {
  color: #ffffff;
  background-color: #18C29C;
  background: -webkit-radial-gradient(bottom right, circle, #3fe7c2, #18C29C);
}

.statistic.statistic-cyan .statistic-button:hover {
  color: #18C29C;
}

.statistic.statistic-blue {
  color: #ffffff;
  background-color: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #67cded, #23b7e5);
}

.statistic.statistic-blue .statistic-button:hover {
  color: #23b7e5;
}

.statistic.statistic-purple {
  color: #ffffff;
  background-color: #7266ba;
  background: -webkit-radial-gradient(bottom right, circle, #a39bd2, #7266ba);
}

.statistic.statistic-purple .statistic-button:hover {
  color: #7266ba;
}

.statistic.statistic-pink {
  color: #ffffff;
  background-color: #ff5b77;
  background: -webkit-radial-gradient(bottom right, circle, #ffa8b6, #ff5b77);
}

.statistic.statistic-pink .statistic-button:hover {
  color: #ff5b77;
}

.statistic.statistic-black {
  color: #ffffff;
  background-color: #000000;
  background: -webkit-radial-gradient(bottom right, circle, #262626, #000000);
}

.statistic.statistic-black .statistic-button:hover {
  color: #000000;
}

.statistic.statistic-gray {
  color: #ffffff;
  background-color: #C5C5CA;
  background: -webkit-radial-gradient(bottom right, circle, #ededef, #C5C5CA);
}

.statistic.statistic-gray .statistic-button:hover {
  color: #C5C5CA;
}

ul.tab {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 58px;
  margin-left: -20px;
}

ul.tab li {
  height: 58px;
}

ul.tab li.active a {
  color: #333333;
  background-color: #ffffff;
}

ul.tab li.active a:before {
  border-width: 4px;
  border-color: #23b7e5;
  box-shadow: 0 0 10px #23b7e5;
}

ul.tab li.active a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
}

ul.tab a {
  position: relative;
  display: block;
  height: 58px;
  line-height: 58px;
  padding: 0 20px 0 38px;
  color: #aaaaaa;
  font-weight: bold;
  font-size: 18px;
  border-right: 1px solid #edf1f2;
  transition: all .3s;
}

ul.tab a:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid #aaaaaa;
  transition: all .3s;
}

ul.tab a:hover {
  color: #666666;
}

ul.tab a:hover:before {
  border-color: #666666;
}

ul.tab a[disabled] {
  pointer-events: none !important;
  background-color: transparent !important;
}

.tab-panel {
  -webkit-animation: fadeIn .5s;
  animation: fadeIn .5s;
}

.collapse-body {
  padding: 15px 30px;
  background-color: #ffffff;
  border-bottom: 1px solid #edf1f2;
}

.collapse-body .form-footer {
  margin-top: 0;
  margin-left: -30px;
  margin-right: -30px;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
}

.progress-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: -5px;
}

.progress {
  position: relative;
  height: 6px;
  margin: 15px 0;
  border-radius: 3px;
  background-color: #f0f3f4;
}

.progress .progress-bar {
  position: absolute;
  height: 100%;
  border-radius: 3px;
  background: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #90ed7d, #23b7e5);
}

.progress .progress-bar.progress-bar-color-1 {
  background: linear-gradient(to right, #67cded, #23b7e5);
}

.progress .progress-bar.progress-bar-color-2 {
  background: linear-gradient(to right, #c9f6c0, #90ed7d);
}

.progress .progress-bar.progress-bar-red {
  background: linear-gradient(to right, #f69696, #f05050);
}

.progress .progress-bar.progress-bar-orange {
  background: linear-gradient(to right, #eea667, #E67E22);
}

.progress .progress-bar.progress-bar-yellow {
  background: linear-gradient(to right, #f3dc9d, #eac459);
}

.progress .progress-bar.progress-bar-green {
  background: linear-gradient(to right, #58dd78, #27c24c);
}

.progress .progress-bar.progress-bar-cyan {
  background: linear-gradient(to right, #3fe7c2, #18C29C);
}

.progress .progress-bar.progress-bar-blue {
  background: linear-gradient(to right, #67cded, #23b7e5);
}

.progress .progress-bar.progress-bar-purple {
  background: linear-gradient(to right, #a39bd2, #7266ba);
}

.progress .progress-bar.progress-bar-pink {
  background: linear-gradient(to right, #ffa8b6, #ff5b77);
}

.progress .progress-bar.progress-bar-black {
  background: linear-gradient(to right, #262626, #000000);
}

.progress .progress-bar.progress-bar-gray {
  background: linear-gradient(to right, #ededef, #C5C5CA);
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 16px;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 0 16px;
  }
  to {
    background-position: 0 0;
  }
}

.progress .progress-bar-stripe {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 16px 16px;
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

.progress.progress-large {
  height: 16px;
  border-radius: 4px;
}

.progress.progress-large .progress-bar {
  border-radius: 4px;
}

.progress.progress-large .progress-bar-stripe {
  border-radius: 4px;
}

.ueditor.edui-default .edui-editor {
  z-index: 2 !important;
  border: 1px solid #dee5e7;
  border-radius: 4px;
}

.ueditor.edui-default .edui-editor-toolbarbox {
  box-shadow: none;
}

.ueditor.edui-default .edui-editor-toolbarboxouter {
  box-shadow: none;
  border-color: #dee5e7;
  background-image: linear-gradient(to bottom, #f0f3f4, #f0f3f4);
}

.ueditor.edui-default .edui-toolbar .edui-button .edui-icon {
  width: 23px !important;
}

.ueditor.edui-default .edui-toolbar .edui-separator {
  opacity: .75;
}

.ueditor.edui-default .edui-toolbar .edui-combox-body .edui-arrow {
  width: 12px;
}

.ueditor.edui-default .edui-editor-bottomContainer td {
  padding: 5px 10px;
  border-top-color: #dee5e7;
}

.ueditor.edui-default .edui-editor-breadcrumb {
  margin: 0;
}

.ueditor.edui-default .edui-editor-breadcrumb span {
  color: #23b7e5;
}

.editormd .CodeMirror {
  border-color: #edf1f2 !important;
}

.editormd .CodeMirror-gutters {
  border-color: #edf1f2;
  background-color: #f9f9f9;
}

.page {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page .copyright {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.page-login {
  opacity: 0;
  transition: opacity 1s;
}

.page-login .background {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.page-login .background .video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  object-fit: cover;
  background-color: #ffffff;
}

.page-login .background .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(47, 54, 61, 0.5);
}

.page-login .brand {
  color: #ffffff;
  margin-top: -85px;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 40px;
  text-align: center;
}

.page-login .brand .title {
  margin-bottom: 10px;
}

.page-login .brand .subtitle {
  display: inline-block;
  padding-top: 10px;
  font-weight: normal;
  border-top: 1px solid #23b7e5;
}

.page-login .login {
  width: 400px;
  padding: 40px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.9);
}

.page-login .login .button-group {
  margin-top: -5px;
  padding-top: 0;
}

.page-login .login .button-group .button {
  font-size: 18px;
  background: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #90ed7d, #23b7e5);
}

.page-login .login-invalid {
  -webkit-animation: shake .8s;
  animation: shake .8s;
}

.page-login .copyright {
  border-color: rgba(255, 255, 255, 0.05);
  background-image: url("../img/zhiye-logo.png");
  background-repeat: no-repeat;
  background-position: left 20px center;
}

.page-login .copyright a:hover {
  color: #ffffff;
}

.copyright {
  text-align: right;
  padding: 15px 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.copyright p {
  color: #999999;
}

.copyright a {
  transition: color 0.3s;
  color: #999999;
}

.copyright a:hover {
  color: #333333;
}

.card-weather {
  padding: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #90ed7d, #23b7e5);
}

.card-header ~ .card-weather {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card-weather:only-child {
  border-radius: 4px;
}

.card-weather .weather {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #ffffff;
}

.card-weather .weather .weather-info {
  margin-right: 10px;
}

.card-weather .weather .weather-info .weather-temperature {
  font-family: "SourceSansPro-Black", PingFang SC, "Microsoft YaHei", "SimSun", Arial, Helvetica, sans-serif;
}

.card-weather .weather .weather-info .weather-temperature::after {
  content: '℃';
  font-size: 16px;
  margin-left: 3px;
}

.card-weather .weather .weather-info p {
  margin-bottom: 5px;
}

.card-weather .weather .weather-info p:last-child {
  margin-bottom: 0;
}

.card-weather .weather .weather-icon {
  width: 50%;
  max-width: 175px;
}

ul.explain {
  margin-bottom: 20px;
}

ul.explain li {
  position: relative;
  margin: 5px 0;
  padding-left: 14px;
}

ul.explain li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #666666;
}

p.grid-demo {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #edf1f2;
}

.demo-list li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #edf1f2;
}

.demo-list li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.demo-icofont {
  text-align: center;
}

.demo-icofont .demo-icofont-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
}

.demo-icofont i {
  display: block;
  font-size: 24px;
  margin-bottom: 10px;
}

.demo-icofont .demo-icofont-button-copy {
  margin-top: 5px;
}

.demo-color {
  text-align: center;
}

.demo-color .color {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.demo-color code {
  margin-top: 10px;
}

.demo-color .color-color-1 {
  background-color: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #67cded, #23b7e5);
}

.demo-color .color-color-2 {
  background-color: #90ed7d;
  background: -webkit-radial-gradient(bottom right, circle, #c9f6c0, #90ed7d);
}

.demo-color .color-red {
  background-color: #f05050;
  background: -webkit-radial-gradient(bottom right, circle, #f69696, #f05050);
}

.demo-color .color-orange {
  background-color: #E67E22;
  background: -webkit-radial-gradient(bottom right, circle, #eea667, #E67E22);
}

.demo-color .color-yellow {
  background-color: #eac459;
  background: -webkit-radial-gradient(bottom right, circle, #f3dc9d, #eac459);
}

.demo-color .color-green {
  background-color: #27c24c;
  background: -webkit-radial-gradient(bottom right, circle, #58dd78, #27c24c);
}

.demo-color .color-cyan {
  background-color: #18C29C;
  background: -webkit-radial-gradient(bottom right, circle, #3fe7c2, #18C29C);
}

.demo-color .color-blue {
  background-color: #23b7e5;
  background: -webkit-radial-gradient(bottom right, circle, #67cded, #23b7e5);
}

.demo-color .color-purple {
  background-color: #7266ba;
  background: -webkit-radial-gradient(bottom right, circle, #a39bd2, #7266ba);
}

.demo-color .color-pink {
  background-color: #ff5b77;
  background: -webkit-radial-gradient(bottom right, circle, #ffa8b6, #ff5b77);
}

.demo-color .color-black {
  background-color: #000000;
  background: -webkit-radial-gradient(bottom right, circle, #262626, #000000);
}

.demo-color .color-gray {
  background-color: #C5C5CA;
  background: -webkit-radial-gradient(bottom right, circle, #ededef, #C5C5CA);
}

.demo-color [class*="col-"] {
  margin-bottom: 30px;
}

@media (max-width: 575px) {
  .d-sm-none {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .d-md-none {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .MT-hidden {
    display: none !important;
  }
  header .brand {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 3;
    height: 100%;
    background-color: #24292e;
  }
  header .brand .title {
    font-size: 16px;
  }
  header .brand small {
    font-size: 12px;
  }
  header .MT-header-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .header-bar {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: auto !important;
    background-color: #2f363d;
    transition: all 0.3s ease-out;
    -webkit-transform: translateY(calc(-100% - 55px));
    -ms-transform: translateY(calc(-100% - 55px));
    transform: translateY(calc(-100% - 55px));
  }
  .header-bar > .item {
    height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  .header-bar > .item > button, .header-bar > .item > a {
    width: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .header-bar.show {
    -webkit-transform: translateY(55px);
    -ms-transform: translateY(55px);
    transform: translateY(55px);
  }
  aside {
    z-index: 2;
    background-color: #2f363d;
    transition: all 0.3s ease-out;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  aside.show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  main {
    left: 0 !important;
  }
  .banner {
    display: block;
    height: auto;
    padding: 15px 30px;
  }
  .banner .banner-title small {
    display: block;
    margin-left: 0;
    margin-top: 5px;
  }
  .banner .banner-title ~ .banner-action {
    margin-top: 15px;
  }
  .banner .banner-title ~ .banner-action .button-group {
    margin-left: 0;
  }
  .banner.banner-fixed {
    position: static;
    height: auto;
    padding: 15px 30px;
  }
  .banner.banner-fixed .banner-title small {
    display: block;
    margin-left: 0;
    margin-top: 5px;
  }
  .banner.banner-fixed ~ .container-fluid {
    padding-top: 0;
  }
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .modal, .modal-backdrop {
    left: 0 !important;
  }
  .page-login .login {
    padding: 30px;
    width: 300px;
  }
  .card-table .dataTables_length, .card-table .dt-buttons {
    display: none !important;
  }
  .card-table .dataTables_filter {
    width: 100%;
  }
  .card-table .dataTables_filter input {
    width: 100%;
    margin-left: 0;
  }
  .card-table .dataTables_paginate span {
    display: none;
  }
  .card-table .card-table-action-header {
    position: static;
    padding: 10px 20px;
    border-bottom: 1px solid #edf1f2;
    background-color: rgba(240, 243, 244, 0.4);
  }
  .card-table .card-table-action-header .dataTables_filter {
    width: 100%;
  }
  .card-table .card-table-action-header .dataTables_filter input {
    width: 100%;
    margin-left: 0;
  }
  .card-table .card-table-action-footer {
    display: block;
    text-align: center;
  }
  .card-table .card-table-action-footer .dataTables_paginate {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .card-table .card-table-action-footer .dataTables_paginate span {
    display: none;
  }
  .card-table .card-table-action-footer .card-table-action-footer-custom {
    float: right;
    margin: 0;
  }
  .button-group-pagination .pagination {
    display: none !important;
  }
  .button-group-pagination .pagination.dataTables_paginate {
    display: block !important;
  }
  .button-group-pagination .pagination.dataTables_paginate .pagination-number:not(.active) {
    display: none !important;
  }
  .copyright {
    display: none;
  }
}

@media (max-width: 1199px) {
  .d-xl-none {
    display: none !important;
  }
}

.display-block {
  display: block !important;
}

.display-none {
  display: none !important;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

.align-center {
  text-align: center !important;
}

.text-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.line-through {
  text-decoration: line-through;
}

.huge {
  font-size: 20px;
}

.large {
  font-size: 18px;
}

.small {
  font-size: 14px;
}

.mini {
  font-size: 12px;
}

.color-1 {
  color: #23b7e5;
}

.black {
  color: #333333;
}

.dark {
  color: #666666;
}

.gray {
  color: #aaaaaa;
}

.light {
  color: #aaaaaa;
}

.red {
  color: #f05050 !important;
}

.orange {
  color: #E67E22 !important;
}

.yellow {
  color: #eac459 !important;
}

.green {
  color: #27c24c !important;
}

.cyan {
  color: #18C29C !important;
}

.blue {
  color: #23b7e5 !important;
}

.purple {
  color: #7266ba !important;
}

.pink {
  color: #ff5b77 !important;
}

span.margin-left {
  margin-left: 8px;
}

span.margin-right {
  margin-right: 6px;
}

.align-items-stretch {
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.justify-content-end {
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-right-5 {
  margin-right: 5px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}
